jqgrid和ajax的区别,理解jqGrid的添加方法和Ajax请求
我有一个现有的项目,我需要维护,但是这是我第一次满足的jqGrid ...理解jqGrid的添加方法和Ajax请求
主要是,我有一个Product,即可以有多个Formule小号。每个Formule可以包含多个Period。 A Period由DepartureDate和Price来描述。
这是管理期间网格的代码。特别是它增加了网格的导航器的可能性添加Period s。
当在网格中添加新行时,用户填充包含2个字段的表单:DepartureDate和与新创建的期间相对应的Price。
jQuery("#periode-grid").jqGrid(
'setGridParam',
{
postData: {
formuleId: rowid // <<< !!!
},
datatype: "json"
})
.navGrid("#periode-pager",
{
"edit": false, "add": true, "del": false,
"search": true, "addtext": "@Resources.Main.Grid_Add"
},
{},
{
"url": '@Url.Action("AddAjaxPeriod",
new { elementId = @ViewData["ProductId"] })', // <<< !!!
"closeOnEscape": true, "closeAfterAdd": true,
"reloadAfterSubmit": true, "width": 500,
"beforeSubmit": BeforeFormuleSubmit
});
,这是我AddAjaxPeriod签名,包含4个参数,包括日期和价格:
[HttpPost]
[AjaxRequestOnly]
[Transaction]
public JsonResult AddAjaxPeriod(Guid elementId, Guid formuleId,
DateTime departureDate, double price)
{ ... }
现在一切工作正常,直到我打开窗体中添加价格和日期,填空题要求的日期和价格,然后点击验证。
我得到一个错误,指出AddAjaxPeriod请求departureDate非可选参数,不填写的...我可以通过匿名方法达成一致,我填写的elementId的formuleId设置在postData,但用户尝试添加的形式为departureData和price。有没有办法获得“添加表单”(日期和价格)的值并将它们传递给AddAjaxPeriod方法?
编辑:
的奥列格发言后,我发现网格初始化(在occurence在母体部分视图)。这是代码:
jQuery("#periode-grid").jqGrid({
"url": '@Url.Action("PeriodePagedList", new { elementId = ViewData["ProductId"] })',
"datatype": 'local',
"mtype": 'POST',
"width": 400,
"height": 100,
"colNames": [
"@Resources.Catalog_Products.FormulePeriode_DepartureDate",
"@Resources.Catalog_Products.FormulePeriode_Price",
"" // Actions
],
"colModel": [
{ "name": 'DepartureDate', "index": 'DepartureDate', "editable": true, "align": 'center', "width": 100, "sorttype": 'date', "datefmt": 'dd/mm/yyyy', "editoptions": { "dataInit": function (element) { jQuery(element).datepicker({ "dateFormat": 'dd/mm/yy', "minDate": 0, "showAnim": '' }) } }, "editrules": { "required": true, "date": true } },
{ "name": 'Price', "index": 'Price', "editable": true, "align": 'center', "editrules": { "required": true }, "width": 100, "formatter": currencyFormatter, "unformat": unformatCurrency },
{ "name": 'Actions', "index": 'Actions', "width": 50, "align": 'center', "search": false, "sortable": false }
],
"sortname": 'DepartureDate',
"rowNum": 100,
"loadComplete": OnLoadPeriodeComplete,
"pager": jQuery('#periode-pager'),
"pginput": false,
"pgbuttons": false,
"viewrecords": false,
"imgpath": '@Url.Content("~/Content/jqueryui/images")',
"caption": "@Resources.Catalog_Products.FormulePeriode_GridTitle",
"shrinkToFit": true,
"hidegrid": false
});
2014-02-20
Serge
jqgrid和ajax的区别,理解jqGrid的添加方法和Ajax请求相关推荐
- [Java 基础] 深入理解List的toArray()方法和toArray(T[] a)方法
深入理解List的toArray()方法和toArray(T[] a)方法 这两个方法都是将列表List中的元素转导出为数组,不同的是,toArray()方法导出的是Object类型数组,而toArr ...
- 深入理解List的toArray()方法和toArray(T[] a)方法
深入理解List的toArray()方法和toArray(T[] a)方法 这两个方法都是将列表List中的元素转导出为数组,不同的是,toArray()方法导出的是Object类型数组,而toArr ...
- 6.28 头像预览:form方法和ajax方法
一用form实现头像预览 <!DOCTYPE html> <html lang="zh"> <head><meta charset=&qu ...
- python中str和int区别_Python中的string方法和str方法有什么区别?
String是一个模块,str是一个类型. 我发现str有方法,有些str的方法与string相同.在>>>dir(str) ['__add__', '__class__', '__ ...
- $ajax({}).done 和 $ajax({}) success 区别
jquery中1.5版本之后使用ajax中的done方法. 该方法和ajax中的success有类似的功效.首先必须是jquery中的1.5版本之后. jQuery中各个事件执行顺序如下: 1.aja ...
- $.ajax() 方法的理解
jquery中的ajax方法理解,AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页 ...
- jqGrid使用经验分享(一)——jqGrid简单使用、json格式和jsonReader介绍
广大的读者朋友们大家好,很高兴又可以在博客中和大家分享我的开发经验了. 此次,我准备向大家介绍一个非常好用的jQuery表格插件--jqGrid. 如果您在实际项目中遇到web端表格展示功能的需求,又 ...
- JQuery(三)-- AJAX的深入理解以及JQuery的使用
HTTP HTTP http: 超文本传输协议.特点: 简单.快速.灵活.无状态.无连接 URL: 统一资源定位符. 组成:协议名://主机IP:端口号/项目资源地址?传递参数的键值对#锚点 ①ip ...
- jquery中$.get(),$.post(),$.ajax(),$.getJSON()区别详解以及aja
<span style="background-color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif ...
最新文章
- 学计算机一定要加班吗,老梁推荐:毕业后经常加班的几类专业,工作压力大,对能力要求很高...
- as3绕过策略文件给视频截图
- mysql多实例安装配置_MySQL多实例安装配置
- ButtonRenderer
- 【原】母版页、皮肤、导航 那点事 Master Pages Themes and Navigation Controls FAQ
- vue 实现无限轮播_Vue 实现无缝轮播
- pgsql 筛选中文字符正则_PostgreSQL正则及模糊查询优化
- 有效ip地址_计算机等级考试详解:用IP地址及域名访问web网站的正确说法
- 初学C#和MVC的一些心得,弯路,总结,还有教训(4)--Cache 关于创建多个缓存实例
- linux安装chrome_chrome 的安装及出现密钥问题(ubuntu16.04)
- 滚~滚~滚动条(移动端 二)
- Paypal支付(一)MPL真正的快捷支付
- 21天java基础入门总结
- FFmpeg命令行工具学习(二):播放媒体文件的工具ffplay
- 清华计算机系人工智能学院,CoAI - 清华大学交互式人工智能课题组
- opencv矩阵转eigen_矩阵迹运算介绍及C++/OpenCV/Eigen的三种实现
- shell 的大于等于小于等
- 树莓派Raspberry Pi上手报告
- 不用重启电脑,就可以刷新系统变量
- 关闭联想台式机键盘的 Fn 功能
热门文章
- Python pickle使用
- Django 框架 数据库操作
- 块存储,文件存储和对象存储
- androidEditTextinputType及android:imeOptions=”actionDone”(转)
- mysql解压版(免装版)安装过程缺失data文件处理方式
- 6.排序算法最优的时间复杂度
- 人脸识别安全吗?调查称六成受访者认为技术有被滥用趋势
- 新京报快评:浙大设“新生高额奖学金”,为何就成了“抢生源”?
- 报错笔记:打开软件出现您缺少mfco42d.dll和msvcrtd.dl库文件
- 关于程序中的操作符左移和右移问题