1. 程式人生 > >mvc 前臺向後臺傳輸資料

mvc 前臺向後臺傳輸資料

這幾天在學mvc,做個筆記,如有錯誤或者可以改進的地方請指教。

VIew中

name="course_name" 必填,否則json無法取到控制元件中的值。

 <input name="course_name" data-options="prompt:'請輸入課程名稱'" class="easyui-textbox" style="width: 180px; height: 27px">

js中

        $('#dg').datagrid({
            url: 'getcname', //控制檯下的方法
            fit: true,                //自適應父容器
            pagination: true, //分頁
            pageList: [20, 40, 60, 80],
            pageSize: 20,
            rownumbers: true,//顯示序號
            toolbar: '#toolbar',
            singleSelect: true,
            columns: [[
                { field: 'name', title: '課程名', width: 200, height: 300, align: 'center' },
                { field: 'remarks', title: '備註', width: 160, height: 300, align: 'center' },
                { field: 'display_order', title: '優先順序', width: 80, height: 300, align: 'center' },
                {
                    field: 'show', title: '是否顯示',align:'center', formatter: function (value, row, index) {
                        return "<a href=\"javascript:;\" class='noIcon' onclick=\"Course.show('" + row.id + "'); return false;\"></a>";

//row.id 為控制器傳到View表單中的欄位,隱藏但可以取到其值,根據id對資料庫進行操作
                    }
                },
                {
                    field: 'edit', title: '編輯',align:'center', formatter: function (value, row, index) {
                        return "<a href=\"javascript:;\"  class='editIcon' onclick=\"Course.Edit('" + row.id + "'); return false;\"></a>";
                    }
                },
               {
                   field: 'del', title: '刪除', align:'center',formatter: function (value, row, index) {
                       return "<a href=\"javascript:;\" class='removeIcon' onclick=\"Course.Delete('" + row.id + "'); return false;\"></a>";
                   }
               },


            ]],
            onLoadSuccess: function (data) {
                $(".datagrid-header-rownumber").text("序號"); //為序號列新增標題
            }
        });

    },

//刪除操作

 Delete: function (id) {
        $.messager.confirm('確定刪除', '確定刪除當前資料嗎?', function (r) {
            if (r) {
                $.ajax({
                    url: 'delcourse',
                    data: { course_id: id },//course_id為後臺需要的引數值,id為列表中的值
                    type: 'post',
                    dataType: 'Json',
                    success: function (value) {
                        if (value.result) {
                            $.messager.alert('提交結果', value.message, 'info');
                            Course.queryRelod(); //重新載入表單
                        }
                        else {
                            $.messager.alert('提交結果', value.message, 'error');
                        }
                    }
                })
            }
        })

    },

    queryRelod: function () {    //重新整理
        $("#dg").datagrid('reload');
        //$("#addcourseForm").datagrid('reload');

    }

控制器中

 public JsonResult delcourse(int course_id)

{

 try
            {
                SqlParameter[] cmdParms = {
                new SqlParameter("@course_id", SqlDbType.Int),
                };
                cmdParms[0].Value = course_id;
                string str = BT.SqlHelper.ExecuteNonQueryMsg("sp_course_delete_course", cmdParms);
                if (str == "Y")
                {
                    return Json(new { result = true, message = "刪除成功" }, JsonRequestBehavior.AllowGet);
                }
                else
                {
                    return Json(new { result = false, message = "刪除失敗" }, JsonRequestBehavior.AllowGet);
                }
            }
            catch (Exception ex)
            {
                return Json(new { result = false, message = ex.Message, errlog = ex.Message + " 函式:" + "sp_course_delete_course" }, JsonRequestBehavior.AllowGet);
            }

}