让jquery-easyui的Form加载数据也和EXT一样有mapping转定义功能

最新推荐文章于 2024-07-30 22:36:34 发布

mingchong

最新推荐文章于 2024-07-30 22:36:34 发布

阅读量104

点赞数

分类专栏： jquery 文章标签： javascript json ViewUI

本文链接：https://blog.csdn.net/mingchong/article/details/84014095

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery EasyUI</title>
    <style type="text/css">
        label
        {
            width: 120px;
            display: block;
        }
    </style>

    <script type="text/javascript">
        function loaddata1() {
            $('#ff').form('load', 'home/loaduserinfo');
        }
        function loaddata2() {
            $('#ff').form('load', {
                users: { name: '我是谁', email: 'mymail@gmail.com', subject: 'subject2' },
                infos: { message: '留言啦', language: 5 }
            });
        }
        function cleardata() {
            $('#ff').form('clear');
        }
        $(function() {
            $('#ff').form({ url: 'home/adduserinfo', success: function(data) { },
                fields: [{ name: 'name', mapping: 'users.name' }, { name: 'email', mapping: 'users.email' }, { name: 'subject', mapping: 'users.subject' },
                        { name: 'message', mapping: 'infos.message' }, { name: 'language', mapping: 'infos.language'}]
            });
        });
    </script>

</head>
<body>
    <h1>
        表单例子</h1>
    <div>
        <a href="#" οnclick="loaddata1()">加载1</a> <a href="#" οnclick="loaddata2()">加载2</a>
        <a href="#" οnclick="cleardata()">清除</a>
    </div>
    <div style="background: #fafafa; padding: 10px; width: 300px; height: 300px;">
        <form id="ff" method="post">
        <div>
            <label for="name">
                姓名:</label>
            <input class="easyui-validatebox" type="text" name="name" required="true" missingmessage="必填"></input>
        </div>
        <div>
            <label for="email">
                电子邮件:</label>
            <input class="easyui-validatebox" type="text" name="email" validtype="email"></input>
        </div>
        <div>
            <label for="subject">
                专业:</label>
            <input class="easyui-validatebox" type="text" name="subject"></input>
        </div>
        <div>
            <label for="message">
                信息:</label>
            <textarea name="message" style="height: 60px;"></textarea>
        </div>
        <div>
            <label for="language">
                语言:</label>
            <input class="easyui-combobox" name="language" url="combobox_data.json" valuefield="id"
                textfield="text" panelheight="auto">
        </div>
        <div>
            <input id="btns" type="submit" value="提交">
        </div>
        </form>
    </div>
</body>
</html>

jquery-easyui.min.js修改4435行如下

写道

完成了

mingchong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
让jquery-easyui的Form加载数据也和EXT一样有mapping转定义功能

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text
复制链接

扫一扫

专栏目录