appendGrid的使用
浏览数：42 /
时间：2015年06月11日
新的项目中需要使用类似appendGrid的控件，当然开始时是不知道这个控件的，开始是想做成如下这样
这其实是Bugfree的搜索栏，并且我也说不好我要做的这个东西应该叫什么，大体可以说是动态的添加或删除一组输入控件，我用的是MVC框架，因为水平有限，时间有限，所以首先想到的是jquery插件，网上搜了一下，因为不知道搜什么关键词更准确，所以我就一个一个的看，看了很多也没有合适的，后来在中国开源社区（http://www.oschina.net/p/appendgrid）中看到了这个插件，虽说和我开始想做的不一样，不过功能是一样的
都可以实现动态添加和删除输入框，具体可以访问这个插件的官网http://appendgrid.apphb.com/
试用了一下，前台还好说，怎么向后台传数据困扰了我好一会，最后还是采用了官网的Server-side Handling，同时结合了Stack Overflow上的这篇文章http://stackoverflow.com/questions/22376112/jquery-appendgrid-with-mvc4-controller，
前台的传参方式如下，就是用js的序列化，然后post方式提交form，后台就按照官网说的做就可以接收数据了
<script type="text/javascript">
$(‘#dialog_Save-button‘).button().click(function () {
var oData = $(document.forms[0]).serialize()
alert(oData);
$.ajax({
type: ‘post‘,
url: "/configuration/NewFilter",
data: oData,
success: alert("Record UdpateSucessfully.")
});
});
</script>
如果您对我的文章感兴趣欢迎留言，如果有更好的解决方案欢迎指导郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
