您的位置:首页 > 产品设计 > UI/UE

kendoui分级显示

2015-10-18 15:52 302 查看
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">终端名 :  </label>
        <label class="text">#= PYMN_SN? PYMN_SN:"暂无"#</label>
      </span>
      <span class="float-line">
        <label class="title"  style="margin-left: 40px">支付金额 :  </label>
        <label class="text">#= PYMN_AMOUNT? PYMN_AMOUNT:"暂无"#</label>
      </span>
      <span class="float-line">
        <label class="title" style="margin-left: 40px">支付原因 :  </label>
        <label class="text">#= ITPD_REASON? ITPD_REASON:"暂无"#</label>
      </span>
      <span class="float-line">
        <label class="title" style="margin-left: 40px">支付凭据 :  </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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: