首页 > 其他 > 详细

esay-ui学习笔记(一)

时间:2018-03-27 13:33:31      阅读:241      评论:0      收藏:0      [点我收藏+]

 

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学习笔记(一)

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!