如何获取在asp.net mvc站点中的select控件的jqGrid editmode中返回的值?

时间:2012-05-13 15:25:42

标签: jqgrid

我有一个网格,用于填充jqGrid编辑表单中dataurl的选择列表。这些值在get上成功填充。我将数据作为json拉回来,并且有一个自定义类型的LookupItem w /字段Id和Name用于显示在选择列表中的项目 - 这部分工作正常。例如,我有一个表示预定课程的对象模型(在下面的第二个代码示例中),它具有一个LookupItem类型的Location字段,而LookupItem有Id和Name字段。

我的问题是,虽然在我的ActionResult方法中这些字段没有回发到服务器 - 我得到了null。我添加了一个custom_func函数并验证了value参数包含我正在寻找的Id,但我不确定如何将其发布到ActionResult方法。有什么想法吗?

HTML / jqGrid代码:

            $("#grid").jqGrid({
            url: 'ABC.Admin/CourseAdmin/GetScheduledCourses/',
            datatype: 'json',
            jsonReader: { repeatitems: false },
            mtype: 'GET',
            colNames: ['Id', 'Date', 'LocationId', 'Location', 'TimeId', 'Time', 'CostId', 'Cost', 'InstructorId', 'Instructor', 'Additional Info'],
            colModel: [
              { name: 'ScheduledCourseId', index: 'ScheduledCourseId', width: 40, key: true, hidden: true },
              { name: 'ScheduledCourseDate', index: 'ScheduledCourseDate', width: 50, editable: true },
              { name: 'Location.Id', index: 'Location.Id', width: 25, editable: false, hidden: true },
              { name: 'Location.Name', index: 'Location.Name', width: 150, editable: true, edittype: 'select',
                  editoptions: {
                      dataUrl: 'ABC.Admin/CourseAdmin/GetLookupItems?lookupType=locations',
                      buildSelect: createSelectList
                  },
                  editrules: {
                    custom: true, 
                    custom_func: locationCheck
                  }

              },
              { name: 'Time.Id', index: 'Time.Id', width: 25, editable: false, hidden: true },
              { name: 'Time.Name', index: 'Time.Name', width: 50, editable: true, edittype: 'select',
                  editoptions: {
                      dataUrl: 'ABC.Admin/CourseAdmin/GetLookupItems?lookupType=times',
                      buildSelect: createSelectList
                  }
              },
              { name: 'Cost.Id', index: 'Cost.Id', width: 25, editable: false, hidden: true },
              { name: 'Cost.Name', index: 'Cost.Name', width: 50, editable: true, edittype: 'select',
                  editoptions: {
                    dataUrl: 'ABC.Admin/CourseAdmin/GetLookupItems?lookupType=costs',
                    buildSelect: createSelectList 
                  }
              },
              { name: 'Instructor.Id', index: 'Instructor.Id', width: 25, editable: false, hidden: true },
              { name: 'Instructor.Name', index: 'Instructor.Name', width: 100, editable: true, edittype: 'select',
                  editoptions: {
                      dataUrl: 'ABC.Admin/CourseAdmin/GetLookupItems?lookupType=instructors',
                      buildSelect: createSelectList                      
                      }
              },
              { name: 'AdditionalInfo', index: 'AdditionalInfo', width: 200, editable: true, edittype: 'textarea',
                  editoptions: {
                      rows: "6", 
                      cols: "40"
                  } 
              },
            ],
            pager: jQuery('#pager'),
            rowNum: 20,
            sortname: 'Date',
            sortorder: "asc",
            viewrecords: true,
            caption: 'Scheduled Courses',
            height: 400,
            loadonce: true, // needs to be true for client side paging to work
            autowidth: true,
            loadtext: 'Loading...'
        })
        $("#grid").jqGrid('navGrid', '#pager', { edit: true, add: true, del: true },
            { /* edit options */
                url: 'ABC.Admin/CourseAdmin/UpdateScheduledCourse/',
                closeOnEscape: true,
                closeAfterEdit: true,
                width: 450
            },
            { /* add options */
                url: 'ABC.Admin/CourseAdmin/CreateScheduledCourse/',
                closeOnEscape: true,
                closeAfterAdd: true
            },
            { /* delete options */
                url: 'ABC.Admin/CourseAdmin/DeleteScheduledCourse/',
                closeOnEscape: true
            }
        );

    });

        function locationCheck(value, colname) {
            debugger;
            if (value < 0 || value > 20)
                return [false, "Please enter value between 0 and 20"];
            else
                return [true, ""];
        }

ScheduledCourse的对象模型:

public class ScheduledCourse
    {
        public ScheduledCourse() { }
    //for admin scheduled course page
    public ScheduledCourse(int scheduledCourseId, string scheduledCourseDate, int locationId, string locationName,
        int timeId, string timeName, int costId, string costName, int instructorId, string instructorName, string additionalInfo)
    {
        this.ScheduledCourseId = scheduledCourseId;
        this.ScheduledCourseDate = scheduledCourseDate;
        this.Location = new LookupItem(locationId, locationName);
        this.Time = new LookupItem(timeId, timeName);
        this.Cost = new LookupItem(costId, costName);
        this.Instructor = new LookupItem(instructorId, instructorName);
        this.AdditionalInfo = additionalInfo;
    }

    public int ScheduledCourseId { get; set; }
    public string ScheduledCourseDate { get; set; }
    public LookupItem Location { get; set; }
    public LookupItem Time { get; set; }
    public LookupItem Cost { get; set; }
    public LookupItem Instructor { get; set; }
    public string UserName { get; set; }
    public string AdditionalInfo { get; set; }
}
public class LookupItem
{
    public LookupItem(int id, string name)
    {
        this.Id = id;
        this.Name = name;
    }

    public int Id { get; set; }
    public string Name { get; set; }
}

控制器代码:

        //colNames: ['Id', 'Date', 'LocationId', 'Location', 'TimeId', 'Time', 'CostId', 'Cost', 'InstructorId', 'Instructor', 'Additional Info'],
    [HttpPost]
    public ActionResult UpdateScheduledCourse(string oper, int id, string scheduledCourseDate, string location, string locationId, string timeId, 
        string timeName, string costId, string costName, string instructorId, string instructorName, string additionalInfo)
    {
        Models.ScheduledCourseProvider p = new Models.ScheduledCourseProvider();

        //Models.ScheduledCourse o = new Models.ScheduledCourse(
        //    id, scheduledCourseDate, Convert.ToInt32(locationId), locationName, Convert.ToInt32(timeId), timeName, Convert.ToInt32(costId), 
        //    costName, Convert.ToInt32(instructorId), instructorName, additionalInfo);

        //bool saved = p.UpdateScheduledCourse(o);

        bool saved = false;
        if (!saved)
        {
            Response.StatusCode = 500;
            return Content("Record not saved!");
        }
        else
        {
            return Json(false);
        }
    }

以下是在控制器中调用ActionResult方法时传递给服务器的参数(http:// localhost:30320 / OrchardLocal / ABC.Admin / CourseAdmin / UpdateScheduledCourse /) - 请注意正在使用的点符号因为我使用的是共享类型的LookupItem:

ScheduledCourseDate=07%2F01%2F2011&Location.Name=10016&Time.Name=1014&Cost.Name=1001&Instructor.Name=10001&AdditionalInfo=blahblahblah&oper=edit&id=12126

1 个答案:

答案 0 :(得分:1)

首先,您应该更改列的name属性,使其中没有点。例如,您可以使用下划线。此外,我不确定您是否需要'Location.Id''Time.Id''Instructor.Id'。如果服务器上需要,您可以使用name: 'location', jsonmap: 'Location.Name'。以同样的方式,您可以使用name: 'scheduledCourseDate', jsonmap: 'ScheduledCourseDate'代替name: 'ScheduledCourseDate'

更改后,选择的选定ID将由短名称“位置”,“时间”和“讲师”发布。因此,您可以使用UpdateScheduledCourse方法

中的名称
[HttpPost]
public ActionResult UpdateScheduledCourse(string oper, int id, string scheduledCourseDate,
    string location, string time, string cost, string instructor, string additionalInfo)