isc.ListGrid.create({
"fieldStateChanged" : function ()
{
console.log('Field state changed')
},
"groupStateChanged" : function ()
{
console.log('Group state changed')
},
"fields" :
[
{
"name" : "field"
}
],
"viewState" :
{
field :
[
{
name:"field",
width:80
}
]
},
})TreeGrid treeGrid = new TreeGrid(); ...
treeGrid.setDataFetchMode(FetchMode.BASIC);
treeGrid.setWidth100();
treeGrid.setHeight("95%");
treeGrid.addDataArrivedHandler(new DataArrivedHandler(){
@Override
public void onDataArrived(DataArrivedEvent event) {
counter = -1;
dataSize = event.getEndRow();
}
});<!doctype html>
<html>
<head>
<SCRIPT>var isomorphicDir="../../isomorphic/";</SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_History.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Core.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Foundation.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Containers.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Grids.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Forms.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_DataBinding.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Calendar.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_RichTextEditor.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_PluginBridges.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Drawing.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Charts.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/skins/Enterprise/load_skin.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
<body>
<script>
var chartData = [
{region: "West", product: "Cars", sales: 37},
{region: "North", product: "Cars", sales: 29},
{region: "East", product: "Cars", sales: 80},
{region: "South", product: "Cars", sales: 87},
]
isc.defineClass("DriverDrawRect","DrawRect").addProperties({
canHover: true,
showHover: true,
cursor: "pointer",
lineWidth: 1,
rounding: 0.5,
lineCap: "round",
});
isc.DriverDrawRect.create({
ID: "barChartProperties",
click: function() {
console.log("Clicked");
}
});
isc.FacetChart.create({
ID: "simpleChart",
height: "400px",
width: "400px",
barProperties: barChartProperties,
// You use facets to define the ways in which you would like the chart to
// break down the data. In this case, our data has two dimensions: region and product.
facets: [{
id: "region", // the key used for this facet in the data above
title: "Region" // the user-visible title you want in the chart
},{
id: "product",
title: "Product"
}],
data: chartData, // a reference to our data above
valueProperty: "sales", // the property in our data that is the numerical value to chart
chartType: "Bar",
title: "Sales by Product and Region" // a title for the chart as a whole
});
// Overall layout
isc.VLayout.create({
ID: "simpleChartLayout",
width: "100%",
height: "100%",
membersMargin: 20,
members: [simpleChart]
});
</script>
</body>
</html>package pl.com.tech4.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.DOM;
import com.smartgwt.client.data.DataSource;
import com.smartgwt.client.data.DataSourceField;
import com.smartgwt.client.data.fields.DataSourceTextField;
import com.smartgwt.client.util.SC;
import com.smartgwt.client.widgets.grid.ListGrid;
import com.smartgwt.client.widgets.grid.ListGridField;
public class MainEntryPoint implements EntryPoint {
public void onModuleLoad() {
DOM.getElementById("loadingPicture").removeFromParent();
layout();
SC.showConsole();
}
private void layout() {
final DataSource ds = new DataSource();
DataSourceField fieldId = new DataSourceField();
fieldId.setName("id");
fieldId.setPrimaryKey(true);
fieldId.setHidden(true);
DataSourceTextField fieldCode = new DataSourceTextField();
fieldCode.setName("code");
DataSourceTextField fieldDescription = new DataSourceTextField();
fieldDescription.setName("description");
ds.setFields(fieldId, fieldCode, fieldDescription);
ListGrid lg = new ListGrid();
ListGridField lgfDescription = new ListGridField("description");
lgfDescription.setCanHilite(false);
lg.setFields(lgfDescription);
lg.setDataSource(ds);
lg.editHilites();
lg.draw();
}
}12:03:29.428:XRP2:WARN:Log:ClassFactory.addGlobalID: ID:'supplyItem' for object '[DataSource ID:supplyItem]' collides with ID of existing object '[DataSource ID:supplyItem]'. The global reference to this object will be replaced saveDashboard : function () {
var editNodes = editPane.serializeAllEditNodes({ indent: false, serverless: true });
....{
dataSource:"dashboards",
operationType:"update",
componentId:"dashboardList",
data:{
id:3,
description:"New dashboard",
layout:"\r<ListGrid dataSource=\"animals\" autoFetchData=\"true\" ID=\"ListGrid0\" autoDraw=\"false\">\r<showFilterEditor>true</showFilterEditor>\r\r</ListGrid>\n\n\r<Portlet ID=\"Portlet0\" height=\"482\" left=\"0\" top=\"0\" autoDraw=\"false\">\r<destroyOnClose>true</destroyOnClose>\r<title>Animals</title>\r<items><Canvas ref=\"ListGrid0\"/>\r</items>\r\r</Portlet>\n\n\r<PortalLayout ID=\"PortalLayout1\" width=\"100%\" height=\"100%\" autoDraw=\"false\">\r<portalColumns>\r<PortalColumn>\r<portalRows>\r<PortalRow>\r<portlets><Canvas ref=\"Portlet0\"/>\r</portlets>\r<autoDraw>false</autoDraw>\r<ID>PortalRow0</ID>\r\r</PortalRow>\r</portalRows>\r<ID>PortalColumn0</ID>\r</PortalColumn>\r<PortalColumn>\r<ID>PortalColumn1</ID>\r</PortalColumn>\r</portalColumns>\r<canResizePortlets>true</canResizePortlets>\r<numColumns>0</numColumns>\r\r</PortalLayout>\n\n"
},
textMatchStyle:"exact",
showPrompt:true,
oldValues:{
id:3,
description:"New dashboard",
layout:"\r<ListGrid dataSource=\"animals\" autoFetchData=\"true\" ID=\"ListGrid0\" autoDraw=\"false\">\r<showFilterEditor>true</showFilterEditor>\r\r</ListGrid>\n\n\r<Portlet ID=\"Portlet0\" height=\"482\" left=\"0\" top=\"0\" autoDraw=\"false\">\r<destroyOnClose>true</destroyOnClose>\r<title>Animals</title>\r<items><Canvas ref=\"ListGrid0\"/>\r</items>\r\r</Portlet>\n\n\r<PortalLayout ID=\"PortalLayout1\" width=\"100%\" height=\"100%\" autoDraw=\"false\">\r<portalColumns>\r<PortalColumn>\r<portalRows>\r<PortalRow>\r<portlets><Canvas ref=\"Portlet0\"/>\r</portlets>\r<autoDraw>false</autoDraw>\r<ID>PortalRow0</ID>\r\r</PortalRow>\r</portalRows>\r<ID>PortalColumn0</ID>\r</PortalColumn>\r<PortalColumn>\r<ID>PortalColumn1</ID>\r</PortalColumn>\r</portalColumns>\r<canResizePortlets>true</canResizePortlets>\r<numColumns>0</numColumns>\r\r</PortalLayout>\n\n"
},
requestId:"dashboards$6276",
fallbackToEval:false,
lastClientEventThreadCode:"MUP1",
bypassCache:true
}{
"actionURL":"http://localhost:8083/isomorphic/IDACall",
"showPrompt":false,
"transport":"xmlHttpRequest",
"promptStyle":"cursor",
"data":{
"requestParams":null,
"appID":"isc_builtin",
"className":"builtin",
"methodName":"xmlToJS",
"arguments":[
"\r<ListGrid dataSource=\"animals\" autoFetchData=\"true\" ID=\"ListGrid3\" autoDraw=\"false\">\r<showFilterEditor>true</showFilterEditor>\r\r</ListGrid>\n\n\r<Portlet ID=\"Portlet3\" height=\"482\" left=\"0\" top=\"0\" autoDraw=\"false\">\r<destroyOnClose>true</destroyOnClose>\r<title>Animals</title>\r<items><Canvas ref=\"ListGrid3\"/>\r</items>\r\r</Portlet>\n\n\r<PortalLayout ID=\"PortalLayout3\" width=\"100%\" height=\"100%\" left=\"0\" top=\"0\" autoDraw=\"false\">\r<portalColumns>\r<PortalColumn>\r<portalRows>\r<PortalRow>\r<portlets><Canvas ref=\"Portlet3\"/>\r</portlets>\r<autoDraw>false</autoDraw>\r<ID>PortalRow3</ID>\r\r</PortalRow>\r</portalRows>\r<ID>PortalColumn0</ID>\r</PortalColumn>\r<PortalColumn>\r<ID>PortalColumn1</ID>\r</PortalColumn>\r</portalColumns>\r<canResizePortlets>true</canResizePortlets>\r<numColumns>0</numColumns>\r\r</PortalLayout>\n\n"
],
"is_ISC_RPC_DMI":true
}
}{
status:0,
data:"\nisc.ListGrid.create({\n ID:\"ListGrid3\",\n autoDraw:false,\n autoFetchData:true,\n dataSource:\"animals\",\n showFilterEditor:true\n})\n\n\n\nisc.Portlet.create({\n ID:\"Portlet3\",\n autoDraw:false,\n height:482,\n left:0,\n top:0,\n destroyOnClose:true,\n title:\"Animals\",\n items:[\n ListGrid3\n ]\n})\n\n\n\nisc.PortalLayout.create({\n ID:\"PortalLayout3\",\n autoDraw:false,\n height:\"100%\",\n left:0,\n top:0,\n width:\"100%\",\n portalColumns:[\n {\n portalRows:[\n {\n portlets:[\n Portlet3\n ],\n autoDraw:\"false\",\n ID:\"PortalRow3\",\n _constructor:\"PortalRow\"\n }\n ],\n ID:\"PortalColumn0\",\n _constructor:\"PortalColumn\"\n },\n {\n ID:\"PortalColumn1\",\n _constructor:\"PortalColumn\"\n }\n ],\n canResizePortlets:true,\n numColumns:\"0\"\n})\n\n\n"
}{
dataSource:"dashboards",
operationType:"update",
componentId:"dashboardList",
data:{
id:5,
description:"New dashboard",
layout:"\r<DataSource loadParents=\"true\">\r<loadID>animals</loadID>\r</DataSource>\n\n\r<ListGrid dataSource=\"animals\" autoFetchData=\"true\" ID=\"ListGrid3\" autoDraw=\"false\">\r<showFilterEditor>true</showFilterEditor>\r</ListGrid>\n\n\r<Portlet ID=\"Portlet3\" height=\"482\" left=\"0\" top=\"0\" autoDraw=\"false\">\r<destroyOnClose>true</destroyOnClose>\r<title>Animals</title>\r<items><Canvas ref=\"ListGrid3\"/>\r</items>\r</Portlet>\n\n\r<PortalLayout ID=\"PortalLayout3\" width=\"100%\" height=\"100%\" left=\"0\" top=\"0\" autoDraw=\"false\">\r<portalColumns>\r<PortalColumn>\r<portalRows>\r<PortalRow height=\"482\">\r<portlets><Canvas ref=\"Portlet3\"/>\r</portlets>\r<autoDraw>false</autoDraw>\r<ID>PortalRow3</ID>\r</PortalRow>\r</portalRows>\r<autoDraw>false</autoDraw>\r<ID>PortalColumn0</ID>\r<left>0</left>\r<top>0</top>\r<height>514</height>\r</PortalColumn>\r<PortalColumn>\r<autoDraw>false</autoDraw>\r<ID>PortalColumn1</ID>\r<left>426</left>\r<top>0</top>\r<height>514</height>\r</PortalColumn>\r</portalColumns>\r<canResizePortlets>true</canResizePortlets>\r<numColumns>0</numColumns>\r</PortalLayout>\n\n"
},
textMatchStyle:"exact",
showPrompt:true,
oldValues:{
id:5,
description:"New dashboard",
layout:"\r<DataSource loadParents=\"true\">\r<loadID>animals</loadID>\r</DataSource>\n\n\r<ListGrid dataSource=\"animals\" autoFetchData=\"true\" ID=\"ListGrid3\" autoDraw=\"false\">\r<showFilterEditor>true</showFilterEditor>\r</ListGrid>\n\n\r<Portlet ID=\"Portlet3\" height=\"482\" left=\"0\" top=\"0\" autoDraw=\"false\">\r<destroyOnClose>true</destroyOnClose>\r<title>Animals</title>\r<items><Canvas ref=\"ListGrid3\"/>\r</items>\r</Portlet>\n\n\r<PortalLayout ID=\"PortalLayout3\" width=\"100%\" height=\"100%\" left=\"0\" top=\"0\" autoDraw=\"false\">\r<portalColumns>\r<PortalColumn>\r<portalRows>\r<PortalRow height=\"482\">\r<portlets><Canvas ref=\"Portlet3\"/>\r</portlets>\r<autoDraw>false</autoDraw>\r<ID>PortalRow3</ID>\r</PortalRow>\r</portalRows>\r<autoDraw>false</autoDraw>\r<ID>PortalColumn0</ID>\r<left>0</left>\r<top>0</top>\r<height>514</height>\r</PortalColumn>\r<PortalColumn>\r<autoDraw>false</autoDraw>\r<ID>PortalColumn1</ID>\r<left>426</left>\r<top>0</top>\r<height>514</height>\r</PortalColumn>\r</portalColumns>\r<canResizePortlets>true</canResizePortlets>\r<numColumns>0</numColumns>\r</PortalLayout>\n\n"
},
requestId:"dashboards$62733",
fallbackToEval:false,
lastClientEventThreadCode:"MUP9",
bypassCache:true
}
isc.DynamicForm.create({
"fields" : [{
"name" : "priceitem",
"title" : "price",
"type" : "text",
"keyPressFilter" : "[0-9.,]"
}
],
"values" : {
"priceitem" : "33,00"
}
});public void onModuleLoad() {
new ListGrid() {
private DynamicForm form;
@Override
protected Canvas getExpansionComponent(final ListGridRecord record) {
return new VLayout(4) {{
form = new DynamicForm() {{
setDataSource(new ClientOnlyDataSource(new Record[]{record}, new DataSourceTextField("id"){{
setPrimaryKey(true);
}}));
}};
form.editRecord(record);
addMember(form);
}};
}
{
setWidth100();
setHeight100();
setCanExpandRecords(true);
setCanExpandMultipleRecords(false);
addRecordCollapseHandler(new RecordCollapseHandler() {
@Override
public void onRecordCollapse(RecordCollapseEvent event) {
Record record = event.getRecord();
Record record0 = form.getValuesAsRecord();
List<String> properties = new ArrayList<String>(Arrays.asList(record0.getAttributes()));
Record.copyAttributesInto(record, record0, properties.toArray(new String[properties.size()]));
}
});
setFields(new ListGridField("id"));
ListGridRecord[] records = new ListGridRecord[5];
for (int i = 0; i < 5; ++i) {
records[i] = new ListGridRecord();
records[i].setAttribute("id", i);
};
setData(records);
}
}.show();
}
public class CusNeighbourGroupView extends VLayout implements CusNeighbourGroup
{
public CusNeighbourGroupView()
{
intialise();
}
public void intialise()
{
ListGridField province = new ListGridField("provincename");
ListGridField capital = new ListGridField("capital");
ListGridField code = new ListGridField("code");
ListGridField telcode = new ListGridField("telcode");
ListGridField county = new ListGridField("countyname");
ListGridField district = new ListGridField("district");
ListGridField city = new ListGridField("city");
ListGridField zone = new ListGridField("zone");
ListGridField neigbhour = new ListGridField("neigbhour");
ListGridField taxcodecity = new ListGridField("taxcodecity");
ListGridField fdocode = new ListGridField("fdocode");
ListGridField countCustomer = new ListGridField("countCustomer");
final ListGrid listGrid = new ListGrid();
listGrid.setWidth100();
listGrid.setHeight100();
// listGrid.setShowAllRecords(true);
listGrid.setDataSource(DataSource.get("neighbourDS_1"));
listGrid.setAutoFetchData(true);
// listGrid.setCanMultiSort(true);
listGrid.setFields(province, capital, code, telcode, /*taxcode,*/ county, district, city, zone, neigbhour, taxcodecity, fdocode, countCustomer);
setWidth100();
setHeight100();
addMember(listGrid);
}<DataSource ID="neighbourDS_1" serverType="sql" tableName="neighbourhood" inheritsFrom="neighbourDS">
<fields>
<field name="provincename" includeFrom="provinceDS.provincename" />
<field name="capital" includeFrom="provinceDS.capital" />
<field name="code" includeFrom="provinceDS.code" />
<field name="telcode" includeFrom="provinceDS.telcode" />
<field name="countyname" includeFrom="countyDS.countyname" />
<field name="district" includeFrom="districtDS.districtname" />
<field name="city" includeFrom="cityDS.cityname" />
<field name="taxcodecity" includeFrom="cityDS.taxcodecity" />
<field name="fdocode" includeFrom="cityDS.fdocode" />
<field name="zone" includeFrom="zoneDS.zone" />
</fields>
</DataSource> SELECT
*
FROM
(
SELECT
*,
ROW_NUMBER() OVER (ORDER BY id) AS rowID
FROM
(
SELECT
TOP 100 PERCENT neighbourhood.id,
neighbourhood.alternateName AS neigbhour,
province.provincename,
province.capital,
province.code,
province.telcode,
county.countyname,
district.districtname AS district,
city.cityname AS city,
city.taxcode AS taxcodecity,
city.fdocode,
zone.name AS zone
FROM
city,
neighbourhood,
province,
county,
district,
zone
WHERE
(
'1'='1')
AND neighbourhood.zoneId = zone.id
AND zone.cityId = city.id
AND city.districtID = district.id
AND district.countyID = county.id
AND county.provinceID = province.id) x) y
WHERE
y.rowID BETWEEN 1 AND 75