appendGrid的使用

新的项目中需要使用类似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>

　　

如果您对我的文章感兴趣欢迎留言，如果有更好的解决方案欢迎指导