jquery easyui的应用-2

有两个版本: freeware edition, commercial edition

easyui的 datagrid 实际上是一个table, 其数据来源通过 url属性来从后台的php页面获得.

easyui的类名都是这样构成的, easyui- 的前缀, 加上插件的名称比如 dialog, datagrid, 因此对应的类样式名就是： class="easyui-dialog" class="easyui-datagrid"

======================================================

在jquery中，通常标识符是字符序列: 字母和数字，比如choices，但是如果在字符序列中出现了 “非字符序列” ，比如 “？ - _ "等，则要将这个字符序列用引号括起来。比如： .css({color: 'red', "background-color": '#eee'});

又比如： ajax的post传输的数据，是一个js对象，属性名称通常是不需要加引号的，但是对于js的数组（js的数组是在标识符的最后加中括号[]）, 这时候就要加引号： $.post('foo.php', {name: var_name, 'choices[]': var_choices}, function(){});

= 要注意 post实际返回的数据类型，并不是什么都写成 json的，如果远程php文件返回的是文本或html，不是json格式的字符串，那么就不能写成类型为 json，否则不会返回任何东西的。只有确实是json格式的才能写成json。

ajax的post传输的数据： data： {'choices[]': [true,123， 'abc']}

后台接受到的 ajax传输的数组， 总是认为是字符串， 比如这里的true，123， 都被认为是字符串

post returned is: "

array (size=2)

  0 => string 'true' (length=4)

  1 => string 'abc' (length=3)

注意ajax回调函数中的 status是 字符串， 不是数字， 比如‘success， error’等

========================

声明html的类型，如果使用的是html5的话，写法是： <!DOCTYPE html> 注意是html，不是html5，就是说文档类型还是html，只是标准是html5的。

easyui新的版本中，允许在标签div， a等中用 data-options="iconCls: 'icon-save'" 来定义，这个在以前的话，只能在js中用属性js对象做参数来指定的。

而且，在js方法中指定的属性要比 data-options中指定的属性的优先级要高，会覆盖data-options指定的属性。

<script>

	$(function(){

		$('#user-info').dialog({

			iconCls: 'icon-search',	 // 这里的iconCls会覆盖前面的data-options

		});

	});

</script>

基本上所有的ui的操作方法都是相通的，使用方法都是类似的，可以用 class来指定，也可以用js方法来指定，区别是：不同的ui提供的 “内置” 事件有的多，有的少，事件越多应该是越好的！！

为什么在js中最好要给变量以初始值？

js的类型有 number， string, boolean, function, object , undefined 六种类型，但是如果你不给变量以初始值的话，则默认的类型是 undefined，那么这时，对 undefined 的变量进行算数运算，就会报错： “not a number NaN ”的出错提示

事实上，对js、 php这样的弱类型语言，其变量类型并不是不要求，相反反而是时时处处都存在这个类型的问题。如果不注意，就会引起各种各样的问题。

他们是通过对变量所赋的值，来自动判断变量的类型的 所以，最好给变量在使用前赋给一个初值，这个既安全，同时，又是一个良好的编程习惯！比如： js中　var i = 0; var res=""; 明确给出初值来确定其类型和内存的分配。

特别要注意, 在定义定时器的时候, 这个定时器会一直执行 , 好像要等到定时器执行完成后, 才会执行定时器语句的后一条语句. 所以, 要根据某些条件来终止定时器的话, 应该在定时器的回调函数内 , 来删除这个定时器. 而不是在外部来删除这个定时器

<script>

	var tm;

	var i=0;

	tm = window.setInterval(function(){

		i++;

		alert(i);

// 要这样在内部删, 才能删除定时器

if(i==5) {

		window.clearInterval(tm);

	}

	}, 3000);

// 这样做是删除不了的

	if(i==5) {

		window.clearInterval(tm);

	}

</script>

setTimeout只执行一次, 而 setInterval 和 clearInterval是重复执行, 它们都是全局函数, 都是 window 对象的方法, 所以 window 都可以省略. interval 是两个单词的组成, 是 : inter + val 的意思,
js的事件是指一直处于监控中, 当事件发生时才调用该回调函数的. 所以它是 on... 的写法, 表示 "当 ...的时候" 相当于一个 "伺服" "监视/等待"的机制, 所以执行的是 "回调函数"

而方法是马上就要明确执行的, 是立马就要执行的,

easyui 的所有的方法都是用该 "插件名称" 来调用的, 比如 disalbe方法, 就是 : $('drp'). droppable('disable'); 注意方法名称参数要用字符串 ,加引号.

### 虽然 panel和 window都有标题栏和内容区, 但是在 eu中 window窗口和panel的区别是非常明显的, window是窗口，是要弹出来的，脱离document文档页面的，是另一个单独的窗口, 而panel面板是嵌入在 document 页面中的, 所以像 tabs 或 accordion 都是从 panel继承过来的.

注意区分 draggable 和 droppable:
draggable是指某个 div是可以拖动的(可移动到div区域), 是这个div 所在的矩形框可以拖动, 实际上是把这个 div的css设置成 position:absolute了... 事实上, 它本身并没有 title 这样的属性, 但是你可以模拟这样的title区域: 在具有 easyui-draggable 样式的 div中, 包含一个 id="title" 的div, 然后设置 easyui-draggable的div的 data-options="handle: '#title'" 这样的属性即可.
而 droppable 是指可以接收其他元素放进来的容器元素?

========================================

接fetchSql?

fetchSql 连贯操作, 是用于获取sql语句, 而不是让数据表操作真正执行. 可以用于任何的 curd操作,比如: $user = M('user'); $user-> fetchSql(true)-> find(1); 输出返回的 sql语句字符串就是: select * from think_user where id=1
cache缓存, 可以单独使用, 也可以作为连贯用法使用, 使用缓存的好处是, 在缓存有效期之内, 不会再次进行数据库的查询操作, 而是直接获取缓存中存取的数据.
distinct(true/false) 也是连贯操作 $user ->distinct(true) -> select(); , 制定是否进行 "唯一性过滤" 操作. 相当于在 select的语句中加上 distinct的关键字.
定义一个字段的时候, 要指定三个部分: 字段名字段类型 [字段约束] 关于字段约束就是对这个字段的额外补充和说明等, 比如 : primary key, auto_increment, not null, default默认值等等.