前端基础教程-jQuery EasyUI 的EasyLoader实例

  

兄弟连前端HTML5培训分享-jQuery EasyUI 的EasyLoader实例

to move panel to other position

  $(‘#p‘).panel(‘move‘,{

  left:100,

  top:100

  });

  属性:

  title,类型是string,是显示在面板头部的标题文本,默认值为null。

  iconcls,类型是string,用一个css class显示在面板上的16x16的图标,默认值为null。

  width,类型是number,设置面板宽度,默认值是auto。

  height,类型是number,设置面板高度,默认值是auto。

  left,类型是number,设置面板左侧位置,默认值是null。

  top,类型是number,设置面板顶部位置,默认值是null。

  cls,类型是string,给面板增加一个css class,默认值是null。

  headercls,类型是string,给面板头部增加一个css class,默认值是null。

  bodycls,类型是string,给面板body增加一个css class,默认值是null。

  style,类型是object,新增自定义样式的面板,默认值是{}。

  fit,类型是boolean,当设置为true时,它的大小不能超过它的父节点,默认值是false。

  border,类型是boolean,定义面板的边框,默认值为true。

  dosize,类型是boolean,如果设置为true,创建面板时将调整而已大小,默认值是true。

  noheader,类型是boolean,当设置为true,不会创建面板头部,默认值是false。

  content,类型是string,面板主体内容,默认值是null。

  collaps教程ible,类型是boolean,如果定义则显示可折叠按钮,默认值是false。

  minimizable,类型是boolean,如果定义则显示最小值按钮,默认值是false。

  maximizable,类型是boolean,如果定义则显示最大值按钮,默认值是false。

  closable,类型是boolean,如果定义则显示关闭按钮,默认值是false。

  tools,类型是array,自定义工具,每个工具包含两个属性:iconcls and handler,默认值是[]。

  collapsed,类型是boolean,如果定义,初始化时有collapsed效果。默认值是false。

  minimized,类型是boolean,如果定义,面板初始化时为最大。默认值是false。

  maximized,类型是boolean,如果定义,面板初始化时为最小。默认值是false。

  colsed,类型是boolean,如果定义,初始化时关闭,默认值是false。

  href,类型是string,一个远程的url加载数据,然后显示在面板中,默认值为null。

  cache,类型是boolean,如果设置为ture,调用一个url链接,缓存面板的内容,默认值是ture。

  loadingmessage,类型昌string,当加载远程数据,显示在面板的信息,默认值是loading…。

时间: 2024-12-15 07:11:50

前端基础教程-jQuery EasyUI 的EasyLoader实例的相关文章

03 jquery easyui 之 easyLoader 加载器

EasyLoader 是可以加载CSS样式.脚本.动态加载easyui组件.需要使用到easyloader.js,就不使用jquery.easyui.min.js 加载 EasyUI 模块 easyloader.base = '../'; // 设置 easyui 的基本目录 easyloader.load('messager', function(){ // 加载指定的模块         $.messager.alert('Title', 'load ok'); }); 通过相对 url 加

jQuery EasyUI之EasyLoader使用

EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件 需要引用EasyLoader.js文件,注意:这里就不需要引用jquery.easyui.min.js文件了. 比如需要加载linkbutton组件,则可以用下面的两种方式来加载: 第一种通过设置class来实现: <a href="#" class="easyui-linkbutton" onclick="load1()">加载日历</a&

(一)jQuery EasyUI 的EasyLoader加载原理

1.第一次看了官网的demo,引用的是EasyLoader.js文件,而不是引用jquery.easyui.min.js文件,我就有疑问了,百度一下. jQuery EasyUI是一款基于JQuery的UI快速搭建组件.EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件,需要引用EasyLoader.js文件,注意:这里就不需要引用jquery.easyui.min.js文件了. 比如需要加载linkbutton组件,则可以用下面的两种方式来加载: 第一种通过

python学习_day60_前端基础之jQuery入门3

一.文档操作 (一)插入儿子元素 1.添加到指定元素内部的后面 $(A).append(B):B作为A的最后一个儿子元素:$(A).appendTo(B):A作为B最后一个儿子元素.以上两种A必须为jQuery对象,而B既可以是DOM对象,又可以是jQuery对象,应用实例如下: <body> <ul> <li>111</li> <li class="c1">222</li> <li>333</l

jQuery EasyUI window窗口实例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jQuery EasyUI window窗口</title> <link rel="stylesheet" id="easyuiTheme" type="text/css" href="/themes/default/eas

Python学习(二十三)—— 前端基础之jQuery

转载自https://q1mi.github.io/Blog/2017/07/10/about_jQuery/ 一.jQuery入门 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:"Write less, do more." 二.jQuery的优势 一款轻量级的JS框架.jQuery核心js文件才几

前端基础之jquery

初识jquery jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器. jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocuments.events.实现动画效果

前端基础之jquery练习

实例练习 左侧菜单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>left_menu</title> <style> .menu{ height: 500px; width: 20%; background-color: gainsboro; text-align: center; floa

前端基础之 jQuery

一 jQuery是什么? [1]   jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. [2]   jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE! [3]  它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 [4]  jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HT