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>