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  

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

时间: 2024-10-11 00:10:57

esay-ui学习笔记(一)的相关文章

UI学习笔记---第一天

一.iOS概述 iOS是Apple公司的移动操作系统,主要?用于iPhone.iPad.iPad Mini.iPod Touch等移动产品. 借助iOS,我们可以开发视频类.美图类.新闻类.?音乐类.团购类.电商类.阅读类.出?行类.?生活服务类.游戏类等应?用程序. 除此之外,iOS还可以与外部设备通信,开发出更多改变?活的产品,?比 如:智能家居(iOS App控制电视.空调等).健?产品(将人体健康 状况通过App直观的展现出来)等. 二.UI概述 UI(User Interface):?

UI学习笔记---第十四天数据持久化

一.沙盒机制 每个应用程序位于文件系统的严格限制部分 每个应用程序只能在为该程序创建的文件系统中读取文件 每个应用程序在iOS系统内斗放在了统一的文件夹目录下 沙盘路径的位置 1. 通过Finder查找程序沙盘相对路径 ~/Library/Application Support/iPhone Simulator 2. 通过代码查找程序沙盘相对路径 NSSearchPathForDirectoriesInDomains(NSSearchPathDirectory directory,NSSearc

UI学习笔记---第十天UITableView表视图编辑

UITableView表视图编辑 表视图编辑的使用场景 当我们需要手动添加或者删除某条数据到tableView中的时候,就可以使用tableView编辑.比如微信 扣扣中删除和某人的通话 当我们需要手动调整单元格的顺序时,就可以通过tableView移动,移动单元格到指定位置 代理AppDelegate.m中代码 #import "AppDelegate.h" #import "RootViewController.h" @implementation AppDel

UI学习笔记---第十一天UITableView表视图高级-自定义cell

自定义cell,多类型cell混合使用,cell自适应高度 自定义cell就是创建一个UITableViewCell的子类 把cell上的空间创建都封装在子类中,简化viewController中的代码 cell中的空间如何显示Model中的信息 cell中声明一个Model类型的属性,viewController中获取到Model对象后赋值给cell的Model属性 cell中重写Model的setter方法,把Model对象中的内容重新赋值给各个控件 M和V不直接通信,C负责M和V之间进行通

UI学习笔记---第十三天可视化设计 XIB, StoryBoard

一.XIB Xib是一种苹果提供的快速构建界面的编程方式,主要是为了简化MVC中的V的构建 Xib提供可视化的编辑界面,能大大提升页面布局效率 Xib常用操作 为控件关联事件 为空间指定delegate 为控件关联实例变量或者属性 二.StoryBoard的使用 StoryBoard的注意事项 在AppDelegate的-application: didFinishLaunchingWithOptions: 的方法中不要再用代码初始化一个window 将创建好的StoryBoard在应用程序配置

UI学习笔记---第六天

UIControl及其子类 UISegmentedControl的用法 UISegmentedControl是iOS中得分段控件,每个segment都能被点击,相当于集成了若干个button.通常我们会点击不同的segment来切换不同的view 常用方法 initWithItems: //UISegmentedControl独有的初始化方法,?用来创建多个分段 setTitle: forSegmentAtIndex: //为指定下标的分段设置title setImage: forSegment

UI学习笔记---第十六天XML JSON解析

一.解析的基本概念 从事先规定好的格式中提取数据 解析的前提:提前约定好格式.数据提供方按照格式提供数据,数据方按照格式获取数据 常见解析方式XML解析JSON解析 二.XML:可扩展标记语言 XML数据格式的功能:数据交换 web服务  内容管理  用作配置文件 一对标签称为一个节点  节点可以包含节点   没有子节点叫叶子节点  只有一个根节点  节点可以相互嵌套 三.进行XML解析时使用到的SAX工具 SAX:Simple API for XML  基于事件驱动的解析方式,逐行解析数据.(

UI学习笔记---第四天

事件处理 事件概述 UIEvent:事件,是由硬件捕捉的一个表示用户操作设备的对象 分三类:触摸事件\  晃动事件\ 远程控制事件 触摸事件:会包含1个到多个触摸点 实现触摸 UIView支持触摸事件(因为继承于UIResponder),而且支持多点触摸 需要定义UIView子类,实现触摸相关的方法 touches..begin     touches..moved    touches..ended     touches..canceled UI学习笔记---第四天

UI学习笔记---第八天

UINavigationController的用法   界面间传值 UInavigationController继承于UIViewController,以栈的方式管理所控制的师徒控制器,至少要有一个被管理的视图控制器 创建的时候需要用户提供一个视图控制器作为导航控制器的一个根视图控制器 出栈和人栈 UINavigationController通过控制入栈和出栈来展示各个视图控制器 视图控制器切换常用方法 pushViewController:animated //进?下一个视图控制器 popVi

UI学习笔记---第二天

程序的执行流程 一.自定义视图 自定义UILebal-UITextField视图 ?定义视图:系统标准UI之外,?己组合而出的新的视图. 实际开发中,我们还需?定义视图.积累?己的代码库.?便开发. ?己封装的视图,能像系统UI控件一样,?于别的项目中,能?大降 低开发成本,提?开发效率. 自定义视图步骤 根据需求的不同,?定义视图继承的类也有所不同.?般?自定义的视图会继承于UIView.以下是?定义视图的要点: 1.创建?个UIView子类 2.在类的初始化方法中添加子视图 3.类的.h?文