 Show Posts
|
|
Pages: [1]
|
|
2
|
General Category / EasyUI for jQuery / Re: Datagrid autoRowHeight not working?
|
on: June 11, 2013, 08:42:21 AM
|
As the code you provided, the datagrid has fixed height(300px). Since the 'autoRowHeight' has been set to false, each row in datagrid has fixed height(25px).
Thank you for your answer, I made a mistake, I meant fixed height of 300px and not 500px. Nonetheless, it doesn't matter. The point is that I don't want the table to grow after each insertion. I would like to get something similar to the examples, that is: If more rows are inserted, the table should keep its size and new rows should be visible by vertical scrolling, keeping the table header always visible. |
|
|
|
|
3
|
General Category / EasyUI for jQuery / Datagrid autoRowHeight not working?
|
on: June 11, 2013, 05:24:38 AM
|
Hi, I am trying to create a datagrid table dynamically from javascript: HTML Code: <table id="ordersGrid"></table> JAVA SCRIPT Code: $("#" + FIELD_WEB_UI_GRID).datagrid({
columns: gridColumns,
frozenColumns: frozenCols,
singleSelect:true,
onRowContextMenu: launchRightCLickMenu,
onClickRow: onClickEntry,
toolbar: '#tablesToolbarEntries',
onAfterEdit:onEditClosed,
autoRowHeight: false,
height: 300,
width: 500
});
It works fine but I want the table to have a fixed height, always 300, despite the number of elements it contains. Whenever I call 'appendRow' method, the row is created but it makes the table to grow down. I thought "autoRowHeight: false" would change that behaviour but I can't find any difference after dissabling auto row height. Thank you for your help. |
|
|
|
|
4
|
General Category / EasyUI for jQuery / insert row in datagrid
|
on: February 11, 2013, 02:54:18 AM
|
Hello, I'm using a datagrid but when I'm going to append a lot of rows is very slow, then I'm trying to use append in jquery but it is not works html code: <table id="dg" class="easyui-datagrid"> <thead> <tr> <th data-options="field:'code'">Code</th> <th data-options="field:'name'">Name</th> </tr> </thead> </table> Jquery code: tds+="<tr>"; tds+="<td>" + code + "</td>"; tds+="<td>" + name + "</td>"; tds+="</tr>"; $("#dg").append(tds); Please could you help me thanks |
|
|
|
|
5
|
General Category / EasyUI for jQuery / combo - Explorer
|
on: January 11, 2013, 06:12:35 AM
|
|
Hello,
I'm using a combobox
<select id="ccd" class="easyui-combobox" name="dili" style="width:150px;">
<option>All</option>
<option>Blue</option>
<option>red</option>
<option>Yellow</option>
</select>
And with the internet explorer 8, don't fix only with Chrome and mozilla
The problem is that I can't select any option, is like locked
Please Could you help me?
|
|
|
|
|
7
|
General Category / EasyUI for jQuery / Create panel
|
on: November 29, 2012, 01:10:36 AM
|
Hello I'm trying create a panel dinamically but I haven't success, this is my code: function panel() { var my_div = null; var divTag = null; var divTag = document.createElement("div"); divTag.id = "p"; divTag.className ="easyui-panel"; divTag.setAttribute("align","center"); divTag.className ="easyui-panel"; divTag.title="Datos"; divTag.collapsible="true"; divTag.style.width="1230px"; divTag.style.height="auto"; divTag.style.padding="10px"; my_div = document.getElementById("org_div1"); document.body.insertBefore(divTag, my_div); } <body onload=panel()"> <div id='org_div1'> </div> </body> But, this code works <body"> <div id="p" align="center" class="easyui-panel" title="Datos" style="width: 1230px; height: auto; padding: 10px;"></div> </body> Please Could you help me? Thanks Regards |
|
|
|
|
10
|
General Category / EasyUI for jQuery / Reference class
|
on: October 02, 2012, 06:36:09 AM
|
Hello, I'm trying to reference some components by one class I have specified This is my source code: <div id="content" region="center" title="Language" style="padding:5px;"> <div id="win1" class="easyui-window a"> <table id="dg1"></table> </div> <div id="win2" class="a"> <table id="dg2"></table> </div> <div id="win3"> <table id="dg3"></table> </div> </div> var dgs = $('[id*=dg]'); var winw = $('[id*=win]'); //this line is ok when no class is specified in a div tag <div id="win2" ><table id="dg2"></table></div> var winw = $('.a'); //this line don't work as expected $(document).ready(function(){ dgs.datagrid({ columns:[[ {field:'code',title:'Code',width:100}, {field:'name',title:'Name',width:100}, {field:'price',title:'Price',width:100,align:'right'} ]] }); winw.window({ width: '600', height: '400', inline: true, onResize: function(width, height){ console.log(width, height, this); $(this).find('[id*=dg]').datagrid({ fitColumns: true }); }, onMove: function(left, top){ console.log("Move: ", left, top, this); var bound = $(this).parent().parent().position(); if(left<bound.left || top<bound.top){ $(this).window({ top: bound.top, left: bound.left }); } } }); }); Regards and Thanks |
|
|
|
|
11
|
General Category / EasyUI for jQuery / Panel Resize
|
on: September 27, 2012, 12:26:25 AM
|
Hello, Ì'm trying to resize a panel, and the body is resizable but the header no, Could you help me please? This is my code: var p = $("<div id=\"p\" style=\"padding:10px;background:#fafafa;\" data-options=\"closable:true,collapsible:true,maximizable:true,doSize:false\"></div>").appendTo('#ccc'); $('#p').resizable(); p.panel({ title:Oper, //height:100, closable:true, collapsible:true, }); Thanks |
|
|
|
|
13
|
General Category / EasyUI for jQuery / menu and submenu
|
on: September 14, 2012, 11:26:36 AM
|
Hi! This is my first post. I'm working with jquery and easyui and I have a doubt. I want to create a menu and submenu from javascript. This is my source code: $("body").append("<div id='d0' class='easyui-menu' style='width:120px;'></div>");
$("#d0").menu("appendItem",{text:"one"});
$("#d0").menu("appendItem",{text:"two"});
$("#d0").menu("appendItem",{text:"three"});
var item = $("#d0").menu("findItem", "three");
$("#d0").menu("appendItem", {parent: item.target, text: "three.one"});
$("#d0").menu('show');
However the submenu is not showed when I put the cursor on item "three". Also I tried to create a menu with html sentences in jquery: $("body").append("<div id='d0' class='easyui-menu' style='width:120px;'></div>");
$("#d0").append("<div>one</div>");
$("#d0").append("<div>two</div>");
$("#d0").append("<div><span>three</span><div style='width:150px'><div>three.one</div></div></div>");
var item = $("#d0").menu("findItem", "three");
$("#d0").menu("appendItem", {parent: item.target, text: "three.two"});
$("#d0").menu("show");With the same result as above. So, how can I make a menu and submenus programatically? Thank you in advance. Regards. |
|
|
|
|
