02 jquery easyui 之 parser解析器

parser 是jquery easyui中的解析器,页面中class就是用它来渲染。

自动渲染

页面加载过程:

  1. 先装载HTML页面文档元素
  2. 然后调用$().ready(function(){})
  3. 最后调用parser渲染页面

手动渲染

通过DOM操作输出HTML(easyui)元素信息,那easyui页面不会初始化,只显示原有的HTML代码

<script type="text/javascript">

$().ready(function(){
    document.getElementById("info").innerHTML=‘<div class="easyui-accordion" id="tt"><div title="title1">1</div><div title="title2">2</div></div>‘;
});
</script>
</head>
<body>
<div  id="info">
</div>
</body>

效果:

需要手动渲染:在DOM操作后添加

$.parser.parse(‘#info‘); // 解析某个具体节点

或$.parser.parse(); // 解析整个页面

<script type="text/javascript">
$().ready(function(){
    document.getElementById("info").innerHTML=‘<div class="easyui-accordion" id="tt"><div title="title1">1</div><div title="title2">2</div></div>‘;
    $.parser.parse(‘#info‘); // 解析某个具体节点
    //$.parser.parse(); // 解析整个页面
});
</script>
</head>
<body>
<div  id="info">
</div>
</body>

效果:

时间: 2024-10-15 09:22:03

02 jquery easyui 之 parser解析器的相关文章

EasyUI基础入门之Parser(解析器)

前言 JQuery EasyUI提供的组件包括功能强大的DataGrid,TreeGrid.面板.下拉组合等.用户可以组合使用这些组件,也可以单独使用其中一个.(使用的形式是以插件的方式提供的) EasyUI体系结构 EasyUI所有的插件主要分为六大部分.Base基础.Layout布局.Menu&Button.Form表单.Window窗口等.从最基础的开始先掌握EasyUI基础部分.Base部分包含了八个基础插件分别为: parser(解析器) easyloader(加载器) draggab

1.引入必要的文件 2.加载 UI 组件的方式 4.Parser 解析器

1 //引入 jQuery 核心库,这里采用的是 2.0 <scripttype="text/javascript"src="easyui/jquery.min.js"></script> //引入 jQuery EasyUI 核心库,这里采用的是 1.3.6 <scripttype="text/javascript"src="easyui/jquery.easyui.min.js"><

让你抓耳挠腮的PARSER解析器

在js中拼了如下代码: html.push("<a href='javascript:additem();' class='easyui-linkbutton' plain='true' iconCls='icon-add'>Add Item</a>       "); html.push("<a href='javascript:save();' class='easyui-linkbutton' plain='true' iconCls='i

第一百九十二节,jQuery EasyUI 使用

jQuery EasyUI 使用 学习要点: 1.引入必要的文件 2.加载 UI 组件的方式 3.使用 easyload.js 智能加载 4.Parser 解析器 本节课重点了解 EasyUI 的两种使用方法,包含不同的加载已经 easyload 智能按需加 载.最后了解一下 Parser 解析器的用法. 一.引入必要的文件 <!--引入 jQuery 核心库,这里采用的是 2.0--> <script type="text/javascript" src="

jQuery EasyUI 1.2.4 API 中文文档(完整)目录

Welcome 欢迎 由于项目需求,要使用富客户端,选择了EasyUI,之前并没有接触过,上网搜索一番,没有找到完整的中文文档,项目组又没有英语达人,无奈之下,我硬着头皮,把官方提供的英文文档啃了,一边啃顺便用中文记录下来. 其实几个月前就啃完了,现在的项目组一直在参考使用.我深感查字典揣摩英文原意的痛苦,早就想快点都通过博客共享出去,免去如我一样英语破(poor)人的痛苦,可是上班忙工作,下班忙家务,所以断断续续的,好在终于要发完了,也算了却一桩心事. 为了方便大家检索使用,制作此目录置顶.

Python 文本解析器

Python 文本解析器 一.课程介绍 本课程讲解一个使用 Python 来解析纯文本生成一个 HTML 页面的小程序. 二.相关技术 Python:一种面向对象.解释型计算机程序设计语言,用它可以做 Web 开发.图形处理.文本处理和数学处理等等. HTML:超文本标记语言,主要用来实现网页. 三.项目截图 纯文本文件: Welcome to ShiYanLou ShiYanLou is the first experiment with IT as the core of online ed

唉,没来这里好久了,也意味着我这一年多来没干什么正事儿,是回归的时候了!(简单谈谈爬虫的解析器)

现在ACM不搞了,一看上一篇文章的发布时间是13年2月,着实把自己吓了一跳.既然已经开始实习了,那就搞搞技术吧,但是算法的学习还不能断,算法导论还有好多知识没学呢嗯,既然实习期间分配的任务是搞一搞爬虫,那我就来说说java的html解析器的具体解析方式吧.首先网络爬虫的大体运行原理大家应该都知道了,如果不知道的话去Google一下,一搜一大把,我就不在这里赘述了.我主要想说的是具体的解析过程到底是怎么运作的,请看下面一段代码,不,是两段代码: 1 InputStream in = url.ope

项目实践——Easyui解析器

介绍: 解析器可是easyui一个重要基础插件,你之所以可以通过简单class定义,在浏览器里面就能展现出一个布局或是面板.全是通过这个插件作为入口,他会获取所有在指定范围内所有定义为easyui组件的class定义,然后在根据后缀定义辨别需要把当前节点解析成为何种组件. 解析器有两种用法: $.parser.parse();不带任何参数.这种情况下默认是解析页面中所有定义为easyui组件的节点. $.parser.parse('#cc');  带一个jquery选择器.通过这种方式我们可以只

极其简便的PHP HTML DOM解析器PHP Simple HTML DOM Parser/有中文手册

极其简便的PHP HTML DOM解析器PHP Simple HTML DOM Parser,有中文手册,对于需要分析HTML代码dom结构的php开发者来说,是一个极其有用的函数库,使用Jquery风格的dom节点查找语法,强烈推荐. 下面是其"快速入门",从中文手册里节选而来 //从一个URL或者文件创建一个DOM对象$html = file_get_html('http://www.google.cn/'); // 寻找所有的img标签foreach($html->find