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="" headerAlign="center" hideable="true" allowSort="true">Line</div>

             <div field="name" width="" 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 = ; i <= ; 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"] = ;

             return Json(result);

         }

common.cs：

public static ArrayList DataTable2ArrayList(DataTable data)

        {

            ArrayList array = new ArrayList();

            for (int i = ; i < data.Rows.Count; i++)

            {

                DataRow row = data.Rows[i];

                Hashtable record = new Hashtable();

                for (int j = ; 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;

        }

页面加载效果如下：

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