easyui解析器parser

在写代码的时候发现如果不是一次在页面写好html代码,而是通过页面加载完成后执行某个方法时添加相应的组件时,添加上去后easyui是不会给你初始化这个组件的,这个时候就必须手动的去初始化这个组件,

如我下面写的聊天窗口,点击聊天的时候初始化窗口,这个时候就需要用到

$.parser.parse(‘#cc‘);  // 解析指定节点

才能初始化窗口,否则追加上去是没有效果的,但是发现用是时候这个id又不能为当前组件的id,必须为当前组件的父容器的id

如:<div id="customerChatWindow" class="easyui-window"></div>

这是easyui的window组件,这个 id不能在parser中用,否则没效果,必须给其添加一个父容器使用父容器的id

<div id="showChatwindow">

<div id="customerChatWindow" class="easyui-window"></div>

</div>

$.parser.parse(‘#showChatwindow‘);

这么使用才会正常

function initChatsWindow(oid){

var chat = ‘<div id="showChatwindow">‘;

chat += ‘<div id="customerChatWindow" class="easyui-window" data-options="title:\‘聊天\‘,width:400,height:600,‘;

chat += ‘collapsible:false,minimizable:false,maximizable:false,onResize:function(width, height){$(\‘#messageDataview\‘).height(height-38-145);}">‘;

chat += ‘<input id="customerId" type="hidden" />‘;

chat += ‘<div id="chartWindow" class="easyui-layout" style="width:100%;height:100%;" data-options="fit:true">  ‘;

chat += ‘    <div data-options="region:\‘center\‘,noheader:true">‘;

chat += ‘        <div style="border-width: 0px; overflow: auto; margin: 0px; width: 100%; height: 415px; left: 0px; top: 0px; background-color: white;"‘;

chat += ‘            id="messageDataview" >‘;

chat += ‘        </div>‘;

chat += ‘        <div id="panel-1219" style="margin: 0px; width: 100%; left: 0px; bottom: 0px; position: absolute;background-color: #d3e1f1;overflow: hidden;">‘;

chat += ‘            <div id="toolbar-1221" style="width: 100%; left: 0px; top: 0px;height: 22px;">‘;

chat += ‘                <table style="width:100%">‘;

chat += ‘                    <tr>‘;

chat += ‘                        <td width="50%">‘;

chat += ‘                                <div id="container-1222" style="margin: 0px; left: 0px; top: 0px;">‘;

chat += ‘                                <img id="filefield-1223-buttonEl-btnIconEl" onclick="sendImageToUserOfChat($(\‘#customerId\‘).val());" src="/oss-portlet/images/icons/btn_send_pic.png" />‘;

chat += ‘                            </div>‘;

chat += ‘                        </td>‘;

chat += ‘                        <td width="50%" align="right">‘;

chat += ‘                            <div style="border-width: 1px;">‘;

chat += ‘                                <a href="javascript:void(0)" onclick="openOrCloseChatsMessageHistoryInfo($(\‘#customerId\‘).val());" style="width:80px">‘;

chat += ‘                                    <img src="/oss-portlet/images/icons/btn_history.png" />‘;

chat += ‘                                    <span id="button-1225-btnInnerEl" class="x-btn-inner">历史消息</span>‘;

chat += ‘                                </a>‘;

chat += ‘                            </div>‘;

chat += ‘                        </td>‘;

chat += ‘                    </tr>‘;

chat += ‘                </table>‘;

chat += ‘            </div>‘;

chat += ‘            <div id="panel-1219-body" style="width: 100%; left: 0px; top: 26px; height: 95px;overflow: hidden;">‘;

chat += ‘                <table style="border-width: 0px; table-layout: fixed; margin: 0px; width: 100%;" id="textareafield-1220">‘;

chat += ‘                    <tbody>‘;

chat += ‘                        <tr id="textareafield-1220-inputRow">‘;

chat += ‘                            <td id="textareafield-1220-bodyEl" colspan="3" style="width: 100%;">‘;

chat += ‘                                <textarea id="chatcontent" name="textareafield-1220-inputEl" rows="4" cols="20"‘;

chat += ‘                                    style="width: 96%;overflow: auto;"></textarea>‘;

chat += ‘                            </td>‘;

chat += ‘                        </tr>‘;

chat += ‘                    </tbody>‘;

chat += ‘                </table>‘;

chat += ‘            </div>‘;

chat += ‘            <div style="width: 100%; left: 0px; top: 90px;background-color: #d3e1f1;">‘;

chat += ‘                <p align="right" style="margin:0;">‘;

chat += ‘                    <a class="easyui-linkbutton" href="javascript:void(0)" onclick="sendChatsMessage($(\‘#customerId\‘).val(), $(\‘#chatcontent\‘).val());" style="width:80px">发送(Enter)</a>‘;

chat += ‘                </p>‘;

chat += ‘            </div>‘;

chat += ‘        </div>‘;

chat += ‘    </div>‘;

chat += ‘</div>‘;

chat += ‘</div>‘;

chat += ‘</div>‘;

// 添加到body中

$("body").append(chat);

// 解析当前组件,id必须为该组件的父节点

$.parser.parse(‘#showChatwindow‘);

}

时间: 2024-10-13 03:10:02

easyui解析器parser的相关文章

项目实践——Easyui解析器

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

通过pull解析器操作安卓的xml

通过pull解析器操作安卓的xml 例子定义了一个javabean用于存放上面解析出来的xml内容, 这个javabean为Person,代码请见本页下面备注: ============================================================================================== 使用pull解析器解析person.xml文件 public class PersonService {  public static List g

rest framework之解析器

一.内置解析器 REST 框架包括一些内置的Parser类,允许你接受各种媒体类型的请求.还支持定义自己的自定义解析器,解析器用于解析客户端提交的数据. 内置解析器的使用 1.全局设置 可以使用 DEFAULT_PARSER_CLASSES 设置默认的全局解析器.例如,以下设置将只允许带有 JSON 内容的请求,而不是默认的 JSON 或表单数据. REST_FRAMEWORK = { 'DEFAULT_PARSER_CLASSES': ( 'rest_framework.parsers.JSO

02 jquery easyui 之 parser解析器

parser 是jquery easyui中的解析器,页面中class就是用它来渲染. 自动渲染 页面加载过程: 先装载HTML页面文档元素 然后调用$().ready(function(){}) 最后调用parser渲染页面 手动渲染 通过DOM操作输出HTML(easyui)元素信息,那easyui页面不会初始化,只显示原有的HTML代码 <script type="text/javascript"> $().ready(function(){     document

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

FFmpeg的HEVC解码器源代码简单分析:解析器(Parser)部分

上篇文章概述了FFmpeg中HEVC(H.265)解码器的结构:从这篇文章开始,具体研究HEVC解码器的源代码.本文分析HEVC解码器中解析器(Parser)部分的源代码.这部分的代码用于分割HEVC的NALU,并且解析SPS.PPS.SEI等信息.解析HEVC码流(对应AVCodecParser结构体中的函数)和解码HEVC码流(对应AVCodec结构体中的函数)的时候都会调用该部分的代码完成相应的功能. 函数调用关系图 FFmpeg HEVC解析器(Parser)部分在整个HEVC解码器中的

极其简便的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