zoukankan      html  css  js  c++  java
  • 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>
    

      

    如果您对我的文章感兴趣欢迎留言,如果有更好的解决方案欢迎指导
  • 相关阅读:
    python3.6中 字典类型和字符串类型互相转换的方法
    "sorted()"中的"Key Functions"
    tuple unpacking
    理解"__repr__"
    Python中的"Special Method"
    abstractmethod
    JavaScript括号中什么什么不加引号什么时候加引号?
    加载网页时速度慢的一些知识点
    Login登录页面的制作流程(摘要)
    JavaScript总结1
  • 原文地址:https://www.cnblogs.com/techfans/p/4425647.html
Copyright © 2011-2022 走看看