3544
|
General Category / Bug Report / Re: linkbutton 的问题
|
on: August 17, 2011, 07:30:05 PM
|
When you set up the 'click' handler, you can add some code to check if the linkbutton is disabled. The code looks like this: $('#xxx').click(function(){ if ($(this).linkbutton('options').disabled == false){ // do your action } });
|
|
|
3548
|
General Category / Bug Report / Re: Window and Datagrid plugins display bug with IE 7
|
on: August 03, 2011, 12:17:24 AM
|
Add 'position:relative' style to your <div> markup that the datagrid placed in. <div region="center" border="false" style="position:relative;padding:10px;background:#fff;border:1px solid #ccc;"> jQuery EasyUI framework help you build your web page easily. <br/><br/> click <a href="#" onclick="test()">here</a> to popup another window. <table class="easyui-datagrid" style="height: 400px;"> <thead> <tr> <th field="name" width="80">aaaaaa</th> </tr> </thead> </table> </div>
|
|
|
3550
|
General Category / EasyUI for jQuery / Re: dialog gets added to DOM multiple times
|
on: July 31, 2011, 08:59:27 PM
|
In you panel container:
<div id="p" class="easyui-panel" title="Test Panel" style="width:500px;height:150px;padding:10px;position:relative" iconCls="icon-save" href="panel.html"> </div>
Set 'inline' property to true for the dialog that defined in panel.html:
<div id="dlg" class="easyui-dialog" closed="true" modal="true" inline="true" buttons="#dlg-buttons"> <form id="fm" method="post"> Enter your name<br /> <input type="text" name="name"> </form> </div>
The 'inline' property of dialog is set to false by default, this will create the dialog and move it to body. To make the dialog stay in the old position, please set the 'inline' property to true.
|
|
|
3551
|
General Category / EasyUI for jQuery / Re: hide page contents before UI is rendered?
|
on: July 29, 2011, 06:40:47 PM
|
Hide body and when all UI has been rendered show body again, the code looks like this: <script type="text/javascript"> $.parser.onComplete = function(){ $('body').css('visibility','visible'); }; </script>
<body class="easyui-layout" style="visibility:hidden"> <div region="north" style="height:100px"></div> <div region="center"></div> </body>
|
|
|
3552
|
General Category / EasyUI for jQuery / Re: propertygrid needs a label
|
on: July 27, 2011, 11:34:40 PM
|
Define the 'formatter' function for your 'name' field: $(function(){ $('#tt').propertygrid({ width:300, height:'auto', url:'propertygrid_data.json', showGroup:true, scrollbarSize:0, columns:[[ {field:'name',title:'Name',width:100,resizable:true, formatter:function(value,row){ return row.label; } }, {field:'value',title:'Value',width:100,resizable:false} ]] }); });
|
|
|
3553
|
General Category / Bug Report / Re: easyui tabs and HTML5
|
on: July 26, 2011, 11:52:12 PM
|
Define a no scrollbar CSS class first. <style type="text/css"> .noscroll{ overflow:hidden; } </style>
Then call 'add' method and pass a 'bodyCls' property.
$('#tt').tabs('add',{ title:'New Tab ' + index, content:'Tab Body ' + index, iconCls:'icon-save', closable:true, bodyCls:'noscroll' });
Now you add a new tab panel with no scrollbar.
|
|
|
3554
|
General Category / EasyUI for jQuery / Re: propertygrid needs a label
|
on: July 26, 2011, 11:38:46 PM
|
Override the 'columns' property and you can customize the columns and display the 'label' field. $('#tt').propertygrid({ width:300, height:'auto', url:'propertygrid_data.json', showGroup:true, scrollbarSize:0, columns:[[ {field:'label',title:'Label',width:100,resizable:true}, {field:'value',title:'Value',width:100,resizable:false} ]] });
|
|
|
3555
|
General Category / Bug Report / Re: easyui tabs and HTML5
|
on: July 26, 2011, 02:10:14 AM
|
To hide the tab panel scrollbar, use the CSS overflow property with a value of hidden. <div id="tt" style="width:700px;height:250px;"> <div title="Tab4 with iframe" closable="true" style="overflow:hidden"> <iframe scrolling="yes" frameborder="0" src="http://www.google.com" style="width:100%;height:100%;"></iframe> </div> </div>
|
|
|
|