码迷,mamicode.com
首页 > 其他好文 > 详细

esay-ui学习笔记(一)

时间:2018-03-27 14:27:00      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:esay   bsp   事件   gate   交互   表数据   学习笔记   log   div   

 

JavaScript prototype用法

prototype 属性使您有能力向对象添加属性和方法。

object.prototype.name=value

<script type="text/javascript">

function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}

var bill=new employee("Bill Gates","Engineer",1985);

employee.prototype.salary=null;
bill.salary=20000;

document.write(bill.salary);

</script>

 

EasyUI Combobox 组合框

用法及定义:

1.从带有预定义结构的 <select> 元素创建组合框(combobox)。  

<select id="cc" class="easyui-combobox" name="dept" style="width:200px;">
    <option value="aa">aitem1</option>
    <option>bitem2</option>
    <option>bitem3</option>
    <option>ditem4</option>
    <option>eitem5</option>
</select>

2.从 <input> 标记创建组合框(combobox)。

<input id="cc" class="easyui-combobox" name="dept" data-options="valueField:‘id‘,textField:‘text‘,url:‘get_data.php‘">

3.使用 javascript 创建组合框(combobox)。

<input id="cc" name="dept" value="aa">

$(
‘#cc‘).combobox({ url:‘combobox_data.json‘, valueField:‘id‘, textField:‘text‘ });

combobox事件

reload    url    请求远程的列表数据。传 ‘url‘ 参数来重写原始的 URL 值。
代码实例:
$(‘#cc‘).combobox(‘reload‘);  // reload list data using old URL
$(‘#cc‘).combobox(‘reload‘,‘get_data.php‘);  // reload list data using new URL

easyui datagrid属性和方法

使用JavaScript创建数据表格。
<table id="dg"></table>  
 

$(‘#dg‘).datagrid({   
    url:‘datagrid_data.json‘,   
    columns:[[   
        {field:‘code‘,title:‘Code‘,width:100},   
        {field:‘name‘,title:‘Name‘,width:100},   
        {field:‘price‘,title:‘Price‘,width:100,align:‘right‘}   
    ]]   
});  

 

查询数据填充数据表格。

$(‘#dg‘).datagrid(‘load‘, {   
    name: ‘easyui‘,   
    address: ‘ho‘  
}); 

 

数据更改与服务器交互,刷新当前数据。

$(‘#dg‘).datagrid(‘reload‘);    // reload the current page data  

 

esay-ui学习笔记(一)

标签:esay   bsp   事件   gate   交互   表数据   学习笔记   log   div   

原文地址:https://www.cnblogs.com/goujh/p/8656641.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!