EasyUI Forum
May 11, 2024, 09:56:55 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
EasyUI Forum > Recent Posts
Pages: [1] 2 3 ... 10
 1 
 on: May 10, 2024, 08:36:45 PM 
Started by happyraing - Last post by jarry
This example works fine.
Code:
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
	<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
	<script>
		var data = {
			"total": 28, "rows": [
				{ "productid": "FI-SW-01", "productname": "Koi", "unitcost": "10.00", "status": "P", "listprice": "36.50", "attr1": "Large", "itemid": "EST-1" },
				{ "productid": "K9-DL-01", "productname": "Dalmation", "unitcost": "12.00", "status": "P", "listprice": "18.50", "attr1": "Spotted Adult Female", "itemid": "EST-10" },
				{ "productid": "RP-SN-01", "productname": "Rattlesnake", "unitcost": "12.00", "status": "P", "listprice": "38.50", "attr1": "Venomless", "itemid": "EST-11" },
				{ "productid": "RP-SN-01", "productname": "Rattlesnake", "unitcost": "12.00", "status": "P", "listprice": "26.50", "attr1": "Rattleless", "itemid": "EST-12" },
				{ "productid": "RP-LI-02", "productname": "Iguana", "unitcost": "12.00", "status": "P", "listprice": "35.50", "attr1": "Green Adult", "itemid": "EST-13" },
				{ "productid": "FL-DSH-01", "productname": "Manx", "unitcost": "12.00", "status": "P", "listprice": "158.50", "attr1": "Tailless", "itemid": "EST-14" },
				{ "productid": "FL-DSH-01", "productname": "Manx", "unitcost": "12.00", "status": "P", "listprice": "83.50", "attr1": "With tail", "itemid": "EST-15" },
				{ "productid": "FL-DLH-02", "productname": "Persian", "unitcost": "12.00", "status": "P", "listprice": "23.50", "attr1": "Adult Female", "itemid": "EST-16" },
				{ "productid": "FL-DLH-02", "productname": "Persian", "unitcost": "12.00", "status": "P", "listprice": "89.50", "attr1": "Adult Male", "itemid": "EST-17" },
				{ "productid": "AV-CB-01", "productname": "Amazon Parrot", "unitcost": "92.00", "status": "P", "listprice": "63.50", "attr1": "Adult Male", "itemid": "EST-18" }
			]
		}

	</script>
</head>

<body>
	<table class="easyui-datagrid" title="Basic DataGrid" style="width:800px;height:250px"
		data-options="singleSelect:true,data:data,rownumberWidth:100,rownumbers:true">
		<thead>
			<tr>
				<th data-options="field:'itemid',width:80">Item ID</th>
				<th data-options="field:'productid',width:100">Product</th>
				<th data-options="field:'listprice',width:80,align:'right'">List Price</th>
				<th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
				<th data-options="field:'attr1',width:250">Attribute</th>
				<th data-options="field:'status',width:60,align:'center'">Status</th>
			</tr>
		</thead>
	</table>

</body>

</html>

 2 
 on: May 10, 2024, 08:30:02 PM 
Started by rezzonico - Last post by jarry
Please set the 'text' property for each nodes, or define the 'formatter' function to display the node text.
Code:
$('.easyui-combotree').combotree({
    formatter: function (item) {
        return item.name
    }
})

 3 
 on: May 08, 2024, 10:07:39 PM 
Started by happyraing - Last post by happyraing
rownumberWidth:100

 4 
 on: May 02, 2024, 11:55:20 PM 
Started by rezzonico - Last post by rezzonico
Hi,

I have a combotree but the property textField does't work.

See the code here:
http://62.48.115.40/file.html


Thanks
Miche

 5 
 on: May 02, 2024, 02:14:01 PM 
Started by BinaryCode - Last post by BinaryCode
Howto customize color for:

1. Tabs
    - change tabs header color
    - change tabs body color

2. datagrid
    - change datagrid header color
    - change datagrid row, cell color

3. button
    - change button color

i want customer ui-cuppertino to be

 1. dark mode
 2. cyan mode
 3. blue mode
 4. orange mode

TIA

 6 
 on: April 30, 2024, 06:28:54 PM 
Started by Aod47 - Last post by Aod47
I got it. Grin Thank you

 7 
 on: April 29, 2024, 09:03:42 PM 
Started by Aod47 - Last post by Aod47
I try to filter datagrid with asp.net but I don't understand the logic of datagrid33_getdata.php.
Could you please share code how datagrid33_getdata.php filter textbox field from database.

Thank you very much.

 8 
 on: April 29, 2024, 01:28:16 AM 
Started by Coder - Last post by Coder
now use
Code:
$('#dlg .layout').layout('panel','east').panel('resize',{width:250});
$('#dlg .layout').layout('expand','east');

its work, but panel floating from 0 position

 9 
 on: April 29, 2024, 01:24:41 AM 
Started by Coder - Last post by Coder
Code:
  $('#dlg .layout').layout('add',{
    region: 'east'
  , width: 150
  , minWidth: 150
  , maxWidth: 250

$('#dlg .layout').layout('expand','east') - expand panel only to "default"(initial or last) width.

How to expand to maxWidth ?

 10 
 on: April 21, 2024, 10:08:28 PM 
Started by jahangir - Last post by jahangir
Thanks Jarry, it works.
I changed your code from:
msg.find('.messager-input').attr('type','number');
to:
msg.find('.messager-input').numberbox({width:'100%'});
to convert the input to an EasyUI numberbox.

Pages: [1] 2 3 ... 10
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!