请问jqgrid控件的搜索按钮可不可以改变位置,比如放到表的头部,如果可以请写出说细参数,谢谢!

解决方案 »

  1.   

    没人回只好自己解决了!
       1、新建test.html
       2、引入
             jquery-ui-1.8.1.custom.css
            ui.jqgrid.css
            jquery.js
            grid.locale-cn.js
            jquery.jqGrid.src.js
       3、<body>中加入
             <div id="pager1"></div>
            <table id="list1"></table>
       4、加入javascript代码
           
         
    var str='<?xml version="1.0" encoding="UTF-8"?><content><page>1</page><record><column name="业务系统">1业务系统</column><column name="执行动作数">32</column></record><record><column name="业务系统">2业务系统</column><column name="执行动作数">18</column></record></content>';
    jQuery().ready(function (){
    jQuery("#list1").jqGrid({ 
        datatype: 'xmlstring',
        datastr : str, 
        colNames:['业务系统','执行动作数'],
        colModel:[
        {name:'id',index:'id'},   
        {name:'name',index:'name',sorttype:"number"}
        ],
        xmlReader: {
           root: "content", 
           row: "record",     
           //repeatitems: true,
           cell: "column"      
         
        },    
        pager: '#pager1',       
        rowNum:10,
        //recordpos: 'left',   //计录数位置        左   则      navGrid  position:'rigth'
        shrinkToFit:false, //是否缩小适应  
        rownumbers: true,  //显示行号
        hiddengrid: false,   //面板是否收缩
        autowidth: true,  //是否自动调整列宽
        loadonce: true,
        rowList:[10,20,30],   
        sortname: 'name',
        viewrecords: true,    
        sortorder: "desc",
        caption:"XML Example",
        toolbar: [true,"top"]
        
    });
    jQuery("#list1").jqGrid('navGrid','#pager1',{edit:false,add:false,del:false,searchtext:'查找',refreshtext:'刷新表格'});
    //jQuery("#list1").jqGrid('navGrid','#pager1',{view:false,del:false,add:false,edit:false,searchtext:'查找',refreshtext:'刷新表格'},{},{},{},{multipleSearch:true,closeOnEscape:true});//var toolstr="<input type='button' value='abc'>";
    var toolstr="<TABLE style='FLOAT: left; TABLE-LAYOUT: auto' class='ui-pg-table navtable' border=0 cellSpacing=0 cellPadding=0><tr><td class='ui-pg-button ui-corner-all' title=查找><div id='searchdiv' class='ui-pg-div'><span class='ui-icon ui-icon-search'></span>查找</div></td><td class='ui-pg-button ui-corner-all' title=刷新表格><div id='refreshdiv' class='ui-pg-div'><span class='ui-icon ui-icon-refresh'></span>刷新表格</div></td></tr></talbe>";
    $("#t_list1").append(toolstr);
    //查询事件
    $("#searchdiv").click(function(){
         if (!$(this).hasClass('ui-state-disabled')) {
    $("#list1").jqGrid("searchGrid");
    }
    return false;
    }).hover(
    function () {
    if (!$(this).hasClass('ui-state-disabled')) {
    $(this).addClass("ui-state-hover");
    }
    },
    function () {$(this).removeClass("ui-state-hover");}
    );
    //刷新事件
    $("#refreshdiv").click(function(){       
        if (!$(this).hasClass('ui-state-disabled')) {
            //调用原按钮事件
            $("#refresh_list1").click();
            //刷新页面 
            //window.location.reload();
        }    
    }).hover(
    function () {
    if (!$(this).hasClass('ui-state-disabled')) {
    $(this).addClass("ui-state-hover");
    }
    },
    function () {$(this).removeClass("ui-state-hover");}
    );
    });
          
      

  2.   

    例子下载地址http://u.115.com/file/bhzzah8l#
      

  3.   

    另一个下载地址http://dl.dbank.com/c06utgge9u
      

  4.   

    为什么上面有,下面也有,是否重复了?默认的edit add等只有图标,怎么简单的加文字呢?
      

  5.   

    下面的默认工具栏,jgrid有包装;上面的是我应用要求加的,是自己加上去的!你要是用的话,可以把下面去掉用上面的,也可以把上面去掉用下面的.
    edit add加文字很简单了:
    jQuery("#list1").jqGrid('navGrid','#pager1',{edit:true,add:true,del:false,edittext:'编辑',addtext:'添加'});
      

  6.   

     to #6楼
       页面上你加这两个元素了吗?
      
       <div id="pager1"></div>
       <table id="list1"></table>
      

  7.   

    楼主,要怎么控制jqgrid的增删改查?加q343567562