按钮不能显示 - GT-Grid - GT-Grid

[GT-Grid] 按钮不能显示

1078546340 2015-05-06

gtgrid分页按钮不能显示但点击相关区域有反应
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="-1" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <title>GT-Grid 教程示例</title>

    <link rel="stylesheet" type="text/css" href="/commercial/resources/css/gtgrid/gt_grid.css" />
    <script type="text/javascript" src="/commercial/resources/js/gtgrid/gt_msg_cn.js"></script>
    <script type="text/javascript" src="/commercial/resources/js/gtgrid/gt_grid_all.js"></script>
    <script type="text/javascript" >
    function getClientTestData(max){
        max=max||100;
        var getInt=function(min,max) {
                min = min || 0;
                max = max || 100;
                var _min= Math.min(min,max);
                max=Math.max(min,max);
                min=_min;
                var step= max - min +1;
                var s= (Math.random()+1)*max*10 % step;
                var num= min + s ;
                return parseInt(num,10);
        }

        var data=[];
        var gl=['M','F','U'];
        for (var i=0;i<max;i++){
            var record={ no : 30+i ,
                    name : 'abc'+i ,
                    age :getInt(12,15) ,
                    gender : gl[getInt(1,9)%3] ,
                    english : 50+getInt(1,49),
                    math : 40+getInt(1,59)
                }
            data.push(record);
        }
        return data;
    }

var data1 = getClientTestData( 200 );

    var dsConfig= {
            data : data1,

            fields :[
                {name : 'no'     , type: 'int'     , index : 'no'      },
                {name : 'name'   , type: 'string' , index : 'name'    },
                {name : 'age'    , type: 'int'     , index : 'age'     },
                {name : 'gender' , type: 'string' , index : 'gender' },
                {name : 'english', type: 'float'   , index : 'english' },
                {name : 'math'   , type: 'float'   , index : 'math'    },
                {name : 'total'   , type: 'float',
                    initValue : function(record){
                    return record['english'] + record['math'];
                    }
                }
            ]
        };
    //name : 字段的名字 (虽然时name 但是性质和id类似, 在一个数据集内要保持唯一性)
    //type :　字段的类型 ( 目前只支持 string ,int, float ,
    //index　: 字段对应的"record的属性名". 根据index,GT-Grid就可以知道这一列对应的时record哪个属性的值.
    var colsConfig = [
                      { id : 'no'     ,header : "学号" , fieldName : 'no'　   },
                      { id : 'name'   ,header : "姓名" , fieldName : 'name'   },
                      { id : 'age'    ,header : "年龄" , fieldName : 'age'    },
                      { id : 'gender' ,header : "性别" , fieldName : 'gender',width:60,editor : { type :'select' ,options : {'U': '未知' , 'M':'男', 'F':'女'} },renderer : GT.Grid.mappingRenderer( {'U': '未知' , 'M':'男', 'F':'女'} , '未知' ) },
                      { id : 'english' , header : "英语" , fieldName : 'english', width:60,align:'right',editor: { type :'text' ,validRule : 'R,float' }   },
                      { id : 'math'    , header : "数学" , fieldName : 'math' },
                      { id : 'total'   , header : "总成绩" }
              ];
    //id : 列的唯一标识, 必须保证列表内唯一,建议整个页面唯一.
    //header : 列表的表头显示的文字信息.
    //fieldName : 列表的该列对应的 dataset中的列(字段).

     var gridConfig={

        id : "grid1", //id : 每个列表组件都有一个id 该id在页面内唯一.

        dataset : dsConfig , //dataset :列表对应的数据集

        columns : colsConfig ,

        container : 'grid1_container',//container : 列表的容器的id. 列表最后是要显示在页面中某个位置.这个容器就是那个"位置",通常是一个div或者时td.

        toolbarPosition : 'bottom', //工具栏的位置. 可选值:'top'/'bottom'/null, 暂时不支持上下都显示.
        pageSize : 10 ,
        toolbarContent : 'nav | goto | state', //工具栏上要显示的东西, state表示的数据数量信息(分页信息),如共几条共几页当前是第几条等等.这个属性的其他用法暂时先不用管.
        //Visible :true
         showGridMenu : true
    };

    var mygrid=new GT.Grid( gridConfig );
    GT.Utils.onLoad( GT.Grid.render(mygrid) ); //mygrid为之前创建的对象,此处也可以传入grid的id
    </script>
    </head>

    <body>
    
    <div id="grid1_container" style="width:700px;height:300px">
    </div>

     </body>
    </html>

1078546340 2015-05-06

求大神指教

发表回复

>>返回群组首页

[GT-Grid] 按钮不能显示

相关讨论

相关资源推荐