miniui MVC datagrid数据绑定

数据绑定

Default.cshtml

<div id="datagrid1" class="mini-datagrid" style="width:300px;height:300px;"
         idField="id" url="/ScanPack/GetGridData"
         showColumnsMenu="true" multiSelect="true" allowResize="true" sortMode="client">
        <div property="columns">
            <div type="checkcolumn"></div>
            <div field="id" width="120" headerAlign="center" hideable="true" allowSort="true">Line</div>
            <div field="name" width="120" headerAlign="center" allowSort="true">UPC</div>
        </div>
    </div>
    <script type="text/javascript">
        mini.parse();
        var grid = mini.get("datagrid1");
        grid.load();
    </script>

ScanPackController：

public JsonResult GetGridData()
        {
            //造假数据
            DataTable dt = new DataTable();
            dt.Columns.Add("id");
            dt.Columns.Add("name");
            DataRow dr;
            for (int i = 1; i <= 5; i++)
            {
                dr = dt.NewRow();
                dr["id"] = i;
                dr["name"] = "name" + i.ToString();
                dt.Rows.Add(dr);
            }
            ArrayList data = new ArrayList();
            data = Common.common.DataTable2ArrayList(dt);//dt转ArrayList
            Hashtable result = new Hashtable();
            result["data"] = data;
            result["total"] = 5;
            return Json(result);
        }

common.cs：

public static ArrayList DataTable2ArrayList(DataTable data)
        {
            ArrayList array = new ArrayList();
            for (int i = 0; i < data.Rows.Count; i++)
            {
                DataRow row = data.Rows[i];

                Hashtable record = new Hashtable();
                for (int j = 0; j < data.Columns.Count; j++)
                {
                    object cellValue = row[j];
                    if (cellValue.GetType() == typeof(DBNull))
                    {
                        cellValue = null;
                    }
                    record[data.Columns[j].ColumnName] = cellValue;
                }
                array.Add(record);
            }
            return array;
        }

页面加载效果如下：

此时还没有分页效果，后续更新。。。