kendoui分級顯示

			
			detailTemplate: kendo.template($("#template1").html()),//顯示每行分頁
			dataBound: function() {
			// searchBind();
			var _this = this;
			var colcell = $('.k-grid-header .k-hierarchy-cell');
			var colall = $('<a class="k-icon k-plus" href="#"></a>');
			colall.bind('click', function() {
				var _t = $(this);
				_t.toggleClass(function() {
					if (_t.hasClass('k-plus')) {
						_t.removeClass('k-plus');
						_this.expandRow(_this.tbody.find("tr.k-master-row"));
						return 'k-minus';
					} else {
						_t.removeClass('k-minus');
						_this.collapseRow(_this.tbody.find("tr.k-master-row"));
						return 'k-plus';
					}
				});
			});
			colcell.html(colall);
			},//控制總顯示隱藏
以上是grid裏的。
<script type="text/x-kendo-template" id="template1">
    <fieldset>
      <legend>詳細信息</legend>
      <span class="float-line">
        <label class="title">終端名&nbsp:&nbsp&nbsp</label>
        <label class="text">#= PYMN_SN? PYMN_SN:"暫無"#</label>
      </span>
      <span class="float-line">
        <label class="title"  style="margin-left: 40px">支付金額&nbsp:&nbsp&nbsp</label>
        <label class="text">#= PYMN_AMOUNT? PYMN_AMOUNT:"暫無"#</label>
      </span>
      <span class="float-line">
        <label class="title" style="margin-left: 40px">支付原因&nbsp:&nbsp&nbsp</label>
        <label class="text">#= ITPD_REASON? ITPD_REASON:"暫無"#</label>
      </span>
      <span class="float-line">
        <label class="title" style="margin-left: 40px">支付憑據&nbsp:&nbsp&nbsp</label>
        <label class="text">#= ITPD_SOURCE? ITPD_SOURCE:"暫無"#</label>
      </span>


    </fieldset>
    </script>

定義方法修改時間格式:放在requery外

  function timeFormat(str, fmt) {
              t = new Date(str);
              var o = {
                "M+": t.getMonth() + 1,
                "d+": t.getDate(),
                "h+": t.getHours(),
                "m+": t.getMinutes(),
                "s+": t.getSeconds(),
                "q+": Math.floor((t.getMonth() + 3) / 3), //季度
                "S": t.getMilliseconds()
              };
              if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (t.getFullYear() + "").substr(4 - RegExp.$1.length));
              for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
              return fmt;
            };
<span class="float-line">
        <label class="title">支付時間 :  </label>
        <label class="text">#= ITPD_TIME? timeFormat(ITPD_TIME,"yyyy-MM-dd hh:mm:ss"):"暫無"#</label>
      </span>



發佈了42 篇原創文章 · 獲贊 3 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章