Util - ChinaSS/Util GitHub Wiki

#Util
该组件主要放一些代码量较少、常用的公共方法

注意： 该模块依赖dialog.js，且规定在requireJS的config中定义为Dialog

alert方法

  require(["PDUtilDir/util"],function(util){
      util.alert("提示消息");
  });

confirm方法

  require(["PDUtilDir/util"],function(util){
      util.confirm("确认提交?",function(){
        // 点击“是”调用

      }, function(){
        // 点击“否”调用

      }, function(){
        // 点击“关闭”调用
      });
  });

template方法

简单模板引擎

####占位替换样例

  require(["PDUtilDir/util"],function(util){
      var temp  = "<span><%=title%></span>"
      var model = {title:"hi"}
      //第一个参数可以为id或为字符串，第二个参数为模型
      var result = util.template(temp,model);
      //输出：<span>hi</span>
      console.log(result);
  });

####for与if...else...综合样例

  <!-- html模板 -->
  <script id="T_breadcrumbs" type="text/html">
      <li>
          <i class="ace-icon fa fa-home home-icon"></i>
          <a href="index.html">首页</a>
      </li>
      <%for(var i=items.length;i--;){%>
          <%if(i==0){%>
              <li class="active"><%=items[i].name %></li>
          <%}else{%>
              <li><a href="#"><%=items[i].name %></a></li>
          <%}%>
      <%}%>
  </script>
  //js代码
  require(["PDUtilDir/util"],function(util){
      //更新导航条
      var breadcrumb_items = [];
      //循环追加内容
      $(li.firstChild).parents('.nav-list li').each(function() {
          var link = $(this).find('> a');
          var text = link.text();
          var href = link.attr('href');
          breadcrumb_items.push({'name': text, 'href': href});
      });
      //把model和模板合并后的内容追加到$(".breadcrumb")元素上
      $(".breadcrumb").html(util.template("T_breadcrumbs",{items:breadcrumb_items}));
  });

copyright:CSS

⚠️ **GitHub.com Fallback** ⚠️