EasyUI-加载表单数据

最新推荐文章于 2024-02-17 21:45:02 发布
最新推荐文章于 2024-02-17 21:45:02 发布
阅读量909 收藏
点赞数
分类专栏： Jquery EasyUI


@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script src="~/Scripts/jquery.easyui.min.js"></script>
    <script src="~/Scripts/easyui-lang-zh_CN.js"></script>
    <link href="~/Content/EasyUI/themes/icon.css" rel="stylesheet" />
    <link href="~/Content/EasyUI/themes/default/easyui.css" rel="stylesheet" />

</head>
<body>
    <h2>Load Form Data</h2>
    <p>Click the buttons below to load form data.</p>
    <div style="margin:20px 0;">
        <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="loadLocal()">LoadLocal</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="loadRemote()">LoadRemote</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" οnclick="clearForm()">Clear</a>
    </div>
    <div class="easyui-panel" title="New Topic" style="width:400px">
        <div style="padding:10px 60px 20px 60px">
            <form id="ff" method="post">
                <table cellpadding="5">
                    <tr>
                        <td>Name:</td>
                        <td><input class="easyui-textbox" type="text" name="name" data-options="required:true"></input></td>
                    </tr>
                    <tr>
                        <td>Email:</td>
                        <td><input class="easyui-textbox" type="text" name="email" data-options="required:true,validType:'email'"></input></td>
                    </tr>
                    <tr>
                        <td>Subject:</td>
                        <td><input class="easyui-textbox" type="text" name="subject" data-options="required:true"></input></td>
                    </tr>
                    <tr>
                        <td>Message:</td>
                        <td><input class="easyui-textbox" name="message" data-options="multiline:true" style="height:60px"></input></td>
                    </tr>
                    <tr>
                        <td>Language:</td>
                        <td>
                            <select class="easyui-combobox" name="language">

<option value="ar">Arabic</option>

<option value="bg">Bulgarian</option>

<option value="ca">Catalan</option></select>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <script>
        function loadLocal() {
            $('#ff').form('load', {
                name: 'myname',
                email: 'mymail@gmail.com',
                subject: 'subject',
                message: 'message',
                language: 'en'
            });
        }
        function loadRemote() {
            $('#ff').form('load', 'form_data1.json');
        }
        function clearForm() {
            $('#ff').form('clear');
        }
    </script>
</body>
</html>

dxm809
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery EasyUI 1.3 API 中文教程
05-30
api+实例解析 对于普通系统开发绝对够用了 演示范例 拖动与菜单 一般拖动 - Draggable 拖放 - DragDrop ...数据表格 ...数据表格 - Complex DataGrid ...可编辑数据表格 - ...组件加载 easyUI 主题 关于EasyUI
easyui 获取表单参数
我小叮当、
05-09 5404
easyui 获取表单参数
easyui应用（一）--- dialog,form
hurricane_li的博客
12-25 1172
参考网址：http://www.jeasyui.com/documentation/ 参考文档下载：http://download.csdn.net/album/detail/343 首先引入基本的文件： js与css的引用格式要严格依照上面，如果script使用的形式，link中rel属性不指定会出现无法引入的问题。 之后可以使用easyui。 基本
EasyUI动态加载组件
最新发布
高冷的恒哥
02-17 514
在许多 JavaScript UI 框架中，包括 EasyUI，在动态地创建或插入新的 DOM 元素后，通常需要手动初始化相关的组件或特性。这是因为这些组件通常会在页面加载时自动初始化已经存在的 DOM 元素，但对于后来动态添加的元素，框架无法感知它们的存在，因此需要手动初始化。在你的例子中，你动态地生成了一个包含进度条的 HTML 内容，但这个进度条并不是在页面加载时就存在的，所以 EasyUI 无法自动初始化它。要实现如下的效果，在表格中显示进度条。类的元素，并将其转换成进度条组件。
（三）EasyUI 使用——form表单1
weixin_34185320的博客
05-10 216
form表单组件主要有以下内容（如下图）     　　 　　　　　　　　　　 1. validatebox验证框  　　　　　　　　　　   姓名：必填/1-4个字符/必填中文   邮箱：必填/1-30个字符/必填符合邮箱格式/后缀必须是com或cn   密码验证： &lt;div style="margin:100px"&gt;&lt;/div&gt; 用户名:&am...
（四）EasyUI 使用——form表单2 & window窗口
weixin_34419321的博客
05-10 127
form表单组件主要有以下内容（如下图）     　　 　　　　　　　　　　  6. progressbar进度条  每隔1秒让进度条按随机数填充，直至充满进度条刻度（只能执行一次）   进度条： &lt;div id="p" style="width:400px;"&gt;&lt;/div&gt; &lt;script type="text/javascri...
easyUi load方法重新加载表单的数据
狼魂之力
08-27 913
1.表单回显数据的方法 <script>　　//方法一 function loadLocal(){ $('#ff').form('load',{ name:'myname', email:'[email protected]', subject:'subject', message:'message',
jQuery EasyUI 1.2.4 API 中文文档.chm
11-18
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档（完整）目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
jQuery EasyUI 1.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示
08-09
combobox：修复在加载包含所选项数据的时候不会触发“onSelect”事件的BUG； datagrid：修复在字段设置为一个空值的时候导致在某些情况下“updateRow”方法无法正常工作的BUG。 Improvement（改进） 一个label标签...
easyui form load方法使用教程
yqj234的专栏
07-19 1390
easyui form表单中的load()，我们看下API 参数可以是一个URL地址，也可以是一个JSON串，在我的应用中，我是通过datagrid，选中一行记录去查看，这时候可以通过 var record = $("#datagrid_id").datagrid("getSelected"); // 这是返回的也是一个字符串 所以呢，可以通过 $("#form_id").form("load", record); // 实现表单自动填充 对于普通的input元素，只要json中的k...
EasyUI 跨form值获取
fzf474577969的专栏
11-24 429
var startYear =  parent.$('#report_startyear').combobox('getValue');     var startMonth = parent.$('#report_startmonth').combobox('getValue');     var endYear =  parent.$('#report_endyear').combobox
EasyUI 另一种form提交方式
11-30
由于EasyUI自带的Form提交方式会自动去除掉readonly和disabled的值，或者多层form时，不能正确获取到form表单中的数据，由此，产生了这个专门针对EasyUI form的提交工具。
js获取form表单
07-11
ajax js一次性获取form表单
easyui的form表单的load方法和uploadify一起使用时出现连接中止的解决办法
Gavin的专栏
04-25 1586
easyui的form表单提供一个load方法，方法体如下：
easyui ajax获取表单数据,easyui提交form表单接受数据处理、
weixin_34862004的博客
08-05 878
开发环境中biztalk项目设置注意事项&lpar;转&rpar;适用版本:biztalk 2006 适用环境:开发测试环境 在开发过程中,在开发环境中,一定会是一个对项目不断的修改.编译.部署.测试,查看测试结果,发现有问题,然后回到开发环境再修改.编译.部署 ...第四章 一切从IL开始从这一部分开始,就开始讲.net的本质了,这第四章就是讲有关IL(中间语言)的内容,主要利用...
FORM表单巧操作
qq_34926773的博客
04-05 177
巧加载数据$('#text_form').form('load',data);其中data[JSON]:{"input_name1":"service_value1","input_name2":"service_value2"...}        input_name：form表单中的input的name，必须要保持一致。        service_value： 后台服务返回数据     ...
easyui修改回显使用form("load",row)
huangbaokang的博客
02-13 4756
在项目中修改涉及到业务数据的回显，easyui提供了一种简单的方法，这个也是我看其他项目源码了解到的，记录下博客。 页面按钮为一个easyui-linkbutton &lt;a href="javascript:openRoleModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true"&gt;修改&lt;/a...
EasyUI Demo（子页面）
十一的博客
11-16 610
&lt;div class="easyui-layout" data-options="fit:true"&gt;     &lt;div data-options="region:'west',border:true,split:true," title="分类管理" style="width:150px; padding:5px;"&gt;         &lt;
easyui-tree 异步加载 queryparams
01-15
easyui-tree 异步加载 queryparams 是指在使用 easyui-tree 控件进行树状结构的异步加载时，可以向后台发送额外的查询参数。 一般来说，easyui-tree 控件是通过向后台发送请求，获取树状结构的数据并显示在页面上的。而异步加载 queryparams 则是为了在发送请求时，可以附带上一些额外的查询参数，以便后台根据这些参数返回相应的数据。 在使用 easyui-tree 异步加载 queryparams 时，可以通过以下步骤实现： 1. 创建一个 easyui-tree 控件，并设置其属性 url 为后台的接口地址。 2. 定义一个函数，用于设置 queryparams 的值，并在需要时调用该函数。 3. 在 easyui-tree 控件的属性 onLoadSuccess 中，构造一个带有 queryparams 参数的对象，并将其通过 ajax 请求发送给后台。可以使用 jQuery 的 $.ajax() 函数发送这个请求。 4. 后台接口根据传递的 queryparams 参数，进行相应的处理，并返回符合条件的数据。 5. easyui-tree 控件会将返回的数据进行解析并显示在页面上。 这样，通过异步加载 queryparams，我们可以根据需要向后台发送一些额外的查询参数，以便获取到符合条件的数据来显示在 easyui-tree 控件中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值