zoukankan      html  css  js  c++  java
  • easyui datagrid toolbar 添加搜索框

    最近用到了就研究了下,效果 

    把列名稍加转换放入menubtton,对于单项搜索来说还是非常方便的


    var fields =  $('#tt').datagrid('getColumnFields');
    for(var i=0; i<fields.length; i++){
    var opts = $('#tt').datagrid('getColumnOption', fields[i]);  
    var muit = "<div name='"+  fields[i] +"'>"+ opts.title +"</div>";
    $('#mm').html($('#mm').html()+muit);
    }
    $('.searchbox ').appendTo('.datagrid-toolbar');
    $('#sss').appendTo('.datagrid-toolbar');
    $('#sss').searchbox({  
    menu:'#mm'
    });  
     
    代码就这么多,本来想把demo传进来的,但是没找到附件上传的位置, 就只能这样了
     
     
    家里用的是IE9操作都正常,今天在公司里测试下了ie8,不能获取选定的值,但是启用兼容模式显示正常,估计是easyui的bug吧
     
     
    上周做一个例子时才发现,原来1.2.4版本里边有一个菜单的例子,可能还没有这个费事。其实很简单,单独建一个div,把菜单作为datagrid的菜单来使用,使用方法为:toolbar="#dlg-toolbar"
    具体例子在demo里的dialog.html里边
  • 相关阅读:
    Android studio USB连接失败
    BZOJ 1013 [JSOI2008]球形空间产生器sphere
    UVA1025
    noip2016天天爱跑步
    noip2015运输计划
    noip2012借教室
    BZOJ 1597: [Usaco2008 Mar]土地购买
    BZOJ1010: [HNOI2008]玩具装箱toy
    BZOJ1026: [SCOI2009]windy数
    BZOJ1801:[Ahoi2009]chess 中国象棋
  • 原文地址:https://www.cnblogs.com/lhws/p/3422269.html
Copyright © 2011-2022 走看看