当前位置: 代码迷 >> Web前端 >> Jquery easyui datagrid在工具栏增添时间控件
  详细解决方案

Jquery easyui datagrid在工具栏增添时间控件

热度:598   发布时间:2012-09-07 10:38:15.0
Jquery easyui datagrid在工具栏添加时间控件
<!--加载到datagrid的toolbar上 -->  
<div id="date">开始时间:<input id="begin"  class="Wdate"  onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" />	
结束时间:<input id="end"  class="Wdate"  onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" /></div>	
<div id="separator" class="datagrid-btn-separator"></div><!--分隔符1 -->  

然后添加onLoadSuccess事件
onLoadSuccess: function () {  
     var separator = $("#separator"); //toolbar上的竖线   
      var grid = $(".datagrid-toolbar"); //datagrid   
     var date = $("#date");   
     grid.append(separator);  
     grid.append(date);   
}
  相关解决方案