esay-ui学习笔记

Posted 双子家的咸蛋蛋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了esay-ui学习笔记相关的知识,希望对你有一定的参考价值。

 

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学习笔记的主要内容,如果未能解决你的问题,请参考以下文章

[原创]java WEB学习笔记61:Struts2学习之路--通用标签 property,uri,param,set,push,if-else,itertor,sort,date,a标签等(代码片段

DOM探索之基础详解——学习笔记

学习笔记 链接

ReactJs学习笔记01

OpenCV 学习笔记(颜色直方图计算 calcHist)

JSP 学习笔记