avalon2加载模板页组件的问题

发布于 2022-09-05 03:29:02 字数 3871 浏览 33 评论 0

小白用avalon2写一个加载模板页的组件,请教模板页中的js怎么执行?

组件使用,url传模板页面路径

<template ms-widget="{is:'ms-inTemplate',url:@MHtml}">

组件代码,使用ajax加载模板html

avalon.component('ms-inTemplate', {
          template: '<div ms-html="@mHTML"></div>',
          defaults: {
              url: "",
              mHTML: "",
              mSCRIPT:"",
              onInit: function () {
                  var obj = this;
                  $.ajax({
                      url: this.url,
                      type: "GET",
                      success: function (data) {
                          obj.mHTML = $(data).find(".tmphtml").html();
                          obj.mSCRIPT = $(data).find(".tmpscript").html();
                      }

                  })
              },
              onReady: function () {

              }
          }
      });

加载的模板页面的html可以正常显示,请教高人模板页面的js怎么执行?在html中放入js代码是不执行的,有别的方式可以执行js吗,或是有更好的写法?

模板HTML


<div id="tmp">
    <div class="tmphtml">


        <div ms-controller="tmpmodelview">
            <div class="control-group">
                <label class="control-label v-top">
                    <b style="color: #f00;">*</b>
                    广告标题:
                </label>
                <div class="controls">
                    <input type="text" name="schoolname" class="input-xlarge input-xfat" ms-duplex="@modelData.Title" data-rules="required" maxlength="200">
                </div>
            </div>
           
            <div class="control-group">
                <label class="control-label v-top">
                    排序:
                </label>
                <div class="controls">
                    <input type="text" class="input-xlarge input-xfat" ms-duplex="@modelData.Sort">
                </div>
            </div>
           
           
        </div>


    </div>
    <div class="tmpscript">


        <script type="text/javascript">
            var tempmodel = avalon.define({
                $id: "tmpmodelview",
                modelData: { "Client": "", "Category1": "", "Title": "", "ImgUrl": "", "Details": "", "LinkUrl": "", "Sort": "1", "StartDate": ComFunJS.getNowDate("yyyy-MM-dd HH:mm:ss"), "EndDate": "" },
                ClientData: [],
                CatData1: [],
                Init: function (ID) {
                    ComFunJS.getJSON("/adapi/base/authclient", function (r) {
                        tempmodel.ClientData = r.result;
                    })

                    if (ID) {
                        ComFunJS.getJSON("/adapi/advert/model/" + ID, function (r) {
                            if (r.error == "") {
                                tempmodel.modelData = r.result;
                                pmodel.FileData = ComFunJS.strToIds(r.result.ImgUrl);
                                setTimeout("ComFunJS.initForm();", 500);
                            }

                        })
                    }
                },
                tmpSaveData: function () {
                    tempmodel.modelData.ImgUrl = pmodel.GetFileIds();
                    ComFunJS.postJSON("/adapi/advert/add", tempmodel.modelData.$model, function (r) {
                        if (r.error == "") {
                            top.ComFunJS.winShowMsg("操作成功");
                            top.ComFunJS.close();
                        } else {
                            top.ComFunJS.winShowAlert(r.error);
                        }

                    })
                }

            });


        </script>



    </div>
</div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文