Flexigrid学习的一点收获 [ 技术分享 ]

最近发现，用yii框架写的项目，它对应的视图在渲染表单数据的时候，全部用的 Flexigrid，当时一看，傻眼了，什么鬼？优点类似ajax获取数据，通过查阅资料，简单的明白了一些，故将这些记录下，分享感兴趣的朋友。

<div class="main_content" id="main" style="clear:both;">
  <form action="" name="delete_form" id="delete_form" method="post">
    <table cellspacing="0" cellpadding="0"  id="flexigrid" style="display:none;">
    </table>
  </form>
</div>
<script type="text/javascript">
$(function() {
    $("#flexigrid").flexigrid({
        url:'<?php echo Yii::app()->baseUrl;?>/index.php/？/？',
        dataType: 'json',   
        colModel : [{
            display : '专题ID',
            name : 'id',
            width : 80,
            sortable : true,
            align : 'center'
        },{
            display : '专题名称',
            name : 'cookbook_special_title',
            width : 120,
            sortable : true,
            align : 'center'
        },{
            display : '操作',
            name : 'operate',
            width : 120,
            sortable : false,
            align : 'center'
        }],
        buttons : [{
            name:'添加',bclass:'add',onpress:add
        },{
            separator: true
        },{
            name:'全部',bclass:'backAll',onpress:resetGrid
        }],                 
        sortname: "id",      //根据何字段排序
        sortorder: "desc",   //排序方式
        checkbox:false,      //是否展示checkbox
        //autoload: false
    }); 
});
/*
对知识点进行说明

Flexigrid——colModel:
    属性名       类型       描述
    display    string    显示的列名
    name       string    绑定的列名
    sortable   bool      是否可以排序
    align      string    对其方式
    width      int       列的宽度
    hide       bool      是否隐藏该列

Flexigrid——buttons
    属性名        类型           描述
    name        string        按钮名称
    bgclass     string        样式
    onpress     function      点击触发的方法
    separator   bool          分割线
*/