sciter 自定义弹窗带阻塞功能

最新推荐文章于 2023-12-17 09:52:38 发布

打小我就狂

最新推荐文章于 2023-12-17 09:52:38 发布

阅读量454

点赞数

分类专栏： sciter

本文链接：https://blog.csdn.net/qq_42095701/article/details/104501995

版权

sciter 专栏收录该内容

65 篇文章 6 订阅

订阅专栏

主界面tis操作：

注意：程序运行的不能使用这个弹窗要重新生成弹窗。他会阻塞程序运行从而程序崩溃。

封装函数：

$(#Page1Cancel).onClick = function() {

   var r = MsgBoxOneButton("Hello world!");调用
   stdout.println("返回的东西 r= "+r);

   var Two = MsgBoxTwoButton(" Hello world!\
       1231321321321\
       sadfasdfsad\
       1vcsda6v1sd65\
       csdafsdafsd");
   stdout.println("返回的东西 Two= "+Two);
}

封装弹窗函数：

const params = {
    vcontent: vcontent,
    vbuttons: vbuttons,
    type: atts,
    caption: atts?.caption ?? "Sciter"
};
// we will pass atts as they are to view.dialog{} + url + parameters
const dialogDef = (atts || {}).extend {
    url: $url(msgbox.htm), //新建窗口
    parameters: params
};

if(!dialogDef.alignment)
    dialogDef.alignment = -5; // in the middle of parent view 弹出位置
return function(formData = {}) {
    // show modal dialog:
    params.extend { vdata: formData };
    var r = view.dialog(dialogDef);
    return !r || r == #cancel ? false : r;
}

}

新弹窗Html：

<html window-frame="solid" style="height:auto;width:auto;">
    <head>
        <title>Sciter1111</title>

        <style src="css\index.css" />

    </head>
           <script type="text/tiscript">

//debug log: view.parameters;
const {vcontent,vbuttons,vdata,type,caption} = view.parameters;

stdout.println("文本传输 vcontent= "+vcontent);
stdout.println("文本传输 vbuttons= "+vbuttons);
stdout.println("文本传输 vdata= "+vdata);
stdout.println("文本传输 type= "+type);
stdout.println("文本传输 caption= "+caption);
//debug log:vcontent,vbuttons,vdata;
const main = $(main#content);

main.content(vcontent);
$(footer#button-bar).content(vbuttons);

const form = main.$(form);

if(form) {
main.attributes["has-form"] = true;
form.value = vdata;
}

event ~click $([href]) {
var href = this.attributes["href"];
Sciter.launch(href);
return true;
}
//按钮返回值
event click $(footer button) (evt,button) {
if( var bid = button.attributes["id"] ) {
    if( bid == "ok" && form) {
      view.close(form.value);
      return true;
    }
    view.close(symbol(bid));
    return true;
}
}
//窗口界面大小
function setupMins() {
const body = $(body);
var w = body.intrinsicWidthMax();
var h = body.intrinsicHeight(w);
//debug log: w,h;
view.windowMinSize = (w,h);
}
//界面设置函数
function self.ready() {
view.windowCaption = caption || type;
}

view << event statechange { setupMins(); }
view << event resolutionchange { setupMins(); }

        </script>
    <body .tips >
       <div .tips-top .flow role="window-caption">
               <text>Tips</text>
               <button #CloseCaption role="window-close" .cloes-button></button>
           </div>
      <main #content .main-tips></main>
      <footer #button-bar></footer>
    </body>
</html>

原始路径：samples\+reactor\components\msgbox

打小我就狂

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
sciter 自定义弹窗带阻塞功能

主界面tis操作：function MsgBoxOneButton(TipsText){ var initialData = { name: TipsText }; var r = <MsgBox > <form> <p|text(name) .tips-text></p> &...
复制链接

扫一扫

专栏目录