smart gwt tips tricks trucos Snippets

Record[] records = response.getData(); if(records != null && records.length > 0) { // I have verified that by this point in the code records.length is 1 if(records[0].getAttribute("key") != null) { if(records[0].getAttribute("value") != null) { SC.say(records[0].getAttribute("key") + " is " + records[0].getAttribute("value"); } else { SC.say("value was null"); } } else { SC.say("Invalid response. Did not contain key"); } } else { SC.say("records was null or empty"); }

Create Custom Dialog box 1. replace the dialog class with window class, as the dialog class has no really advantage (as far as I have experienced) 2. use the addMember methode instead the addChild, with this one all layout methods are effectiv. Code: // first final Window purchaseDlg = new Window(); // second, with the vpanel and LayoutSpacer removed (I don't think, you need them any longer) HLayout hpanel = new HLayout(); hpanel.setLayout(Alignment.CENTER); hpanel.addMember(button); purchaseDlg.addItem(hpanel);

smart gwt allow only numbers in textfield Aceptar solo numeros en un textfield en gwt smartclient very simple MASK PROPERTY         TextItem phoneNumberField =  new  TextItem( "phoneNo" ,  "Phone No." );           phoneNumberField.setMask( "(###) ###-####" );           phoneNumberField.setHint( "<nobr>(###) ###-####</nobr>" );         final TextItem check4 = new TextItem();         check4.setName("4");         check4.setTitle("  Grupo");         check4.setTitleOrientation(TitleOrientation.TOP);         check4.setWidth(100);                check4.setValue(false);         check4.setMask("###"); smart gwt allow only numbers in textfield Aceptar solo numeros en un textfield en gwt smartclient   void com.smartgwt.client.widgets.form.fields.TextItem.setMask(String mask) Input mask used to filter text entry. Sample masks: Phone number: (###) ###-#### Social Security number: ###-##

SMARTGWT linked hash map comboboxitem SelectItem         final SelectItem check3 = new SelectItem();                check3.setName("3");         check3.setTitle("enviar msj");         check3.setWidth(40);         check3.setValueMap("Ninguno","Mensaje Directo","Mensaje Massivo"); SMARTGWT linked hash map comboboxitem SelectItem       ComboBoxItem cbItem =  new  ComboBoxItem () ;        cbItem.setTitle ( "Select" ) ;        cbItem.setHint ( "<nobr>A simple ComboBoxItem</nobr>" ) ;        cbItem.setType ( "comboBox" ) ;        cbItem.setValueMap ( "Cat" ,  "Dog" ,  "Giraffe" ,  "Goat" ,  "Marmoset" ,  "Mouse" ) ; Como agregar valores a un combobox en smartgwt, o tambien como agregar id valores a un map en java setValueMap

Grid with scrollbars en smartgwt Grid con scrollbars fijas en smartgwt         Grid_.setWidth100();         Grid_.setHeight100();         Grid__.setDataSource(Source);         Grid_.setAutoFetchData(false);         Grid_.setEmptyMessage(variables.str_empty_call);         Grid_.setLoadingMessage(variables.str_loading);         Grid_.setLoadingDataMessage(variables.str_loading_data);         Grid_.setCellHeight(24);

Alignment Smartgwt alineado center centrado layout ex.1 Center a element Label / centrar un elemento Label gwt   setAlign(Alignment.CENTER);  ex.2 VLayout and put layoutAlign :" center " on the HTMLPane . ex.3 Layout header = new HLayout(); header.setWidth100(); header.setHeight(24); header.addMember(new Button("Left")); header.addMember(new LayoutSpacer ()); header.addMember(new Button("Center")); header.addMember(new LayoutSpacer ()); header.addMember(new Button("Right")); layoutAlign - set on a member, alignment of a particular member, on the breadth axis defaultLayoutAlign - set on a layout, provides default for member.layoutAlign layout.align - alignment of all members on the length axis layoutAlign - situado en un miembro , la alineación de un miembro en particular , en el eje de la amplitud defaultLayoutAlign - situado en un layout , ofrece por defecto para member.layoutAlign layout . align

 Smart gwt client combobox read only         combo_aplicacion.setTitleOrientation(TitleOrientation.TOP);         combo_aplicacion.setTitle("Por xxxx");         combo_aplicacion.setType("select");         combo_aplicacion.setRequired(true);         combo_aplicacion.setWidth(100);                combo_aplicacion.setValueField("id");         combo_aplicacion.setDisplayField("Name"); Convertir un combobox a read onlye

 RestDataSource : example XPath datasource Ejemplo de un restdatasource mas xpath y manejo de  la respuesta con setResponseTransformHandler public class CurrentUserDS extends RestDataSource {     private static CurrentUserDS instance = null;     public static User getCurrentUser() {         if (instance == null) {             instance = new CurrentUserDS();                    }         instance.fetchData();         return null;     }     private CurrentUserDS() {         super();         setFields(new DataSourceTextField("key", "Key"),                 new DataSourceTextField("identity", "Identity"),                 new DataSourceTextField("nickname", "Nickname"));         setDataFormat(DSDataFormat.JSON);         setResponseTransformHandler(new ResponseTransformHandler() {             public void execute(DSResponse response, DSRequest request, Object data) {                 String key = XMLTools.selec

 convert Array to records JavaScriptObject jsoArray = JSOHelper.html.convertMapToJavascriptObject(java.util.Map); Record[] records = Record.convertToRecordArray(jsoArray);   pass array a record

get criteria from filterbuilder smartgwt Obtener criteria de filterbuilder gwt String jsObj = JSON.encode(filterBuilder.getCriteria().getJsObj()); SC.say(jsObj); o tambien se puede utilizar AdvancedCriteria cr = filterBuilder.getCriteria(); JavaScriptObject jso = cr.getJsObj(); Map map = cr.getValues(); Set keys = map.keySet(); Iterator it = keys.iterator(); while( it.hasNext()){ String key = it.next().toString(); System.out.println("=> "+map.get(key)); } Out put => AdvancedCriteria => and => [object Object]

    public void load_data() {         if (loading == 0) {             loading = 1;             // --- DATASOOURCE ---             GridSource.fetchData(                      new Criteria("1", "a"),                      new Criteria("1", "a"),                      new Criteria("1", "a"),                      new Criteria("1", "a"),                     new DSCallback() {                         @Override                         public void execute(DSResponse response,                                 Object rawData, DSRequest request) {                             Grid_editor.setData(response.getData());                         }                     });         }     } load_data en smartgwt

grid icon smart gwt  GRID- icon.txt           ListGridField removeField = new ListGridField ("removeAction", 20);         removeField.setType (ListGridFieldType.ICON);         removeField.setCellIcon (str_img_del2);         removeField.setCanEdit (false);         removeField.setCanFilter (true);         removeField.setFilterEditorType (new SpacerItem ());         removeField.setCanGroupBy (false);         removeField.setCanSort (false);         removeField.addRecordClickHandler (new RecordClickHandler () {             public void onRecordClick (final RecordClickEvent event) {                               // Detecta si es nuevo o modificado segun el id                 String id = event.getRecord().getAttribute("idccdir");                 if ((id == null) || (id.equals("") || (id.isEmpty()))) {                     // ES NUEVO                     GridSource.removeData(event.getRecord());                 } else {                     // ES

varios - recorre un string x comas convertir a array.txt array separete by comme gwt                               //private java.util.ArrayList<String> xlist          = new java.util.ArrayList<String>(1000);                                String idents[] = x_list_chart.split( "," );                                for (int i =0 ; i < idents.length ;i++){                                               com.google.gwt.user.client.Window.alert( idents.length+  idents[i].toString() );                 }    separa x comas y convertir a array

icon in label gwt - icono en cualquier lado VARIOS - icono en cualkier lado.txt         String imgHTML = Canvas.imgHTML("/images/toolbar/login.png");         menuButton.setTitle("<span>" + imgHTML + "&nbsp;" + "User Access" + "</span>");

VALIDATION.txt validation gwt java  ort com.smartgwt.client.types.Alignment; import com.smartgwt.client.types.FormErrorOrientation; import com.smartgwt.client.util.SC; import com.smartgwt.client.widgets.IButton; import com.smartgwt.client.widgets.Label; import com.smartgwt.client.widgets.Window; import com.smartgwt.client.widgets.events.ClickEvent; import com.smartgwt.client.widgets.events.ClickHandler; import com.smartgwt.client.widgets.form.DynamicForm; import com.smartgwt.client.widgets.form.fields.TextItem; import com.smartgwt.client.widgets.form.validator.CustomValidator; import com.smartgwt.client.widgets.form.validator.IsIntegerValidator; import com.smartgwt.client.widgets.layout.HLayout; import com.smartgwt.client.widgets.layout.LayoutSpacer; public class TestTextError extends Window{     private DynamicForm form;        private TextItem textItem1;        private TextItem textItem2;     private TextItem textItem3;     private TextItem textItem4;  

TEMPLATE CLASE.txt package paketen name importS import asd.client.kernel.constants.k_variables; import asd.client.kernel.login.constants.k_lengu; <- LENGUAJ public class CLASENAME extends VLayout {     //------constants------------------------------------------------------------------------------------------------------------------------         //------variables : configuration------------------------------------------------------------------------------------------------------------------------            private k_variables    variables        = null;     private k_NOMBRCLASELABEL labels         = (k_NOMBRCLASELABEL)GWT.create(k_NOMBRCLASELABEL.class);         private int int_height_viewwindow;     private int int_width_tree_menu;         private k_Callback Callback;         //------objects : components------------------------------------------------------------------------------------------------------------------------     HLayout desktop = null;      

TASK - refrscar.txt task timer gwt smart Timer t = new Timer() { public void run() { statusGrid.invalidateCache(); statusGrid.fetchData(); Window.alert("james jara, who is"); } }; // Schedule the timer to run once in 5 seconds. t.scheduleRepeating(5000); temporizador en gwt smartclient

 question.txt SC.confirm("Are you sure to delete your xxx?", new BooleanCallback() {                     public void execute(Boolean value) {                         if (value != null && value) {                             //proceed with delete                         } else {                             //Cancel                         }                     }                 }); . question confirm sc  window smartgwt ventana de confirmacion en smartgwt

objetos.txt class figura {   privated     todo lo que este en esto bloque solo lo ve la clase dueña     protected     todo lo que este en este bloque lo pueden acceder las clases hijas   public     todo mundo puede verlo   en cada uno esos bloques pueden ir dos cosas    miembros - estructuas, variables    funciones-metodos } override : significa que susituyo el metodo padre overload : sobre cargar una funcion

MENU - crear menu.txt         //MENU SUPERIOR         Menu ReferMenu = new Menu();         ReferMenu.setShowShadow(true);          ReferMenu.setShadowDepth(10);                MenuItem opcionA = new MenuItem(" Ventana 1 " , str_bg_image , "Ctrl+1");                 //EVENTOS                 opcionA.addClickHandler( new com.smartgwt.client.widgets.menu.events.ClickHandler() {                             @Override                             public void onClick(MenuItemClickEvent event) {                             new default_window(                                     labels.title_window_user()                                     ,300                                     ,200                                     //TASKBAR                                     , StatusButtonBar                                     //PADRE                                     , CenterLayout                                     , str_taskb_icon                            

LLAMAR PROPIEDADD INTERNA.txt call native  public class MyWindow extends Window {   public native String getHeaderIcon() /*-{     var self = [email protected]::getOrCreateJsObj()();     return self.headerIcon.src;   }-*/; } llamar a nativo gwt

layout - RECORRER CHILDRENS.txt. layout : get childrens  for (int i = 0; i < e.getChildren().length; i++) {   if (e.getChildren()[i].getID().contains("toolbar"))     e.getChildren()[i].hide(); } recorrer childrens

GRID - pintar un cell.txt GRID : paint cell grid Default You can set the CellFormatter of a TreeGridField/ListGridField. Code: myField.setCellFormatter(new CellFormatter() { public String format(Object value, ListGridRecord record, int rowNum, int colNum) { //define your condition here if (condition) { return "<div class=\"myClass\">"+ value + "</div>"; } //define your condition here else if (condition) { //... } else { return ""+value; } } }); And in your CSS file: Code: .myClass { background-color: blue; } .myClass {    background-color: blue; } pintar una celda de un grid

DS - enviar parametro.txt datasource send parameter   DSRequest dsRequest = new DSRequest();       map<String, String> params = new HashMap<String, String>();    params.put("param_key", "param_value");   dsRequest.setParams(params);                                                                                                                    PerspectiveSource.removeData(Perspective_combobox.getSelectedRecord(), null, dsRequest);                                                                Perspective_combobox.fetchData();   Perspective_combobox.updateState(); enviar parametro post get

DS - add record.txt Datasource how to add record                 endRow:false,startRow:false,                 title:"Add",ID:"btnAddRole", name:"btnAddRole",                 click:function (form,item){                         dsRole.addData({roleid:randomID(5), name:txtEnterRole.getValue(), description:"test"},                         function(){                             alert("txtEnterRole.getSelectedRecord --> "+txtEnterRole.getSelectedRecord());                         }                     );                 }, como agregar un record a un datasource

DATASOURCE get parse json of json hierchy.txt         dataSource.fetchData(null, new DSCallback() {                                @Override             public void execute(DSResponse response, Object rawData, DSRequest request) {                 // TODO Auto-generated method stub                                 Record[] record_data = response.getData();                                 //CONFIG BASICA                 titulo_chart         = record_data[0].getAttribute("titulo");                 subtitulo_chart        = record_data[0].getAttribute("subtitulo");                 b_msg_chart            = record_data[0].getAttribute("b_msg");                 t_msg_chart            = record_data[0].getAttribute("t_msg");                 //CONFIG X AXIS                     String x_list_primate = XMLTools.selectObjects( rawData , "/x_list/RESULTADO/x_list").get(0).toString();                                                  

DATASORUCE GET ALL RRECORDS.txt       dataSource.fetchData(null, new DSCallback() {                                @Override             public void execute(DSResponse response, Object rawData, DSRequest request) {                 // TODO Auto-generated method stub                                 Record[] record_data = response.getData();                                 //CONFIG BASICA                 titulo_chart         = record_data[0].getAttribute("titulo");                 subtitulo_chart        = record_data[0].getAttribute("subtitulo");                 b_msg_chart            = record_data[0].getAttribute("b_msg");                 t_msg_chart            = record_data[0].getAttribute("t_msg");                 //CONFIG X AXIS             //       JSONArray value = XMLTools.selectObjects( error_key , "/x_list/RESULTADO2");         //        String status = ((JSONString) value.get(0)).stringValue();                

CSS - agregar atributo.txt add atributte CSS to element elemento, stilo tab.setAttribute("titleStyle", cssStyleName); como agregar atributo css a un elemento gwt

COMBOBOX - remote sample config.txt Combobox remote in gwt  ListGridField citiesCountryField = cityListGrid.getField("countryID"); citiesCountryField.setAutoFetchDisplayMap(true); citiesCountryField.setDisplayField("countryName"); citiesCountryField.setValueField("countryID"); citiesCountryField.setOptionDataSource(CountryDS.getInstance()); combobox remoto en gwt

Como obtener un record seleccionado de un combobox en gwt smartclient Record currentSelection = yourSelectItem.getSelectedRecord(); String displayValue = currentSelection.getAttribute(displayValueField); How to get current record selected in a combo box  of gwt smart client

CHARTS.txt Smartgwt CHARTS  Como hacer graficos en smartclient how to do chart with smartgwt client         ChartData cd1 = new ChartData( "Sales by Month 2006", "font-size: 14px; font-family: Verdana; text-align: center;" );         cd1.setBackgroundColour( "#ffffff" );         XAxis xa = new XAxis();         xa.setLabels( "J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D" );         xa.setMax( 12 );         cd1.setXAxis( xa );         YAxis ya = new YAxis();         ya.setSteps( 16 );         ya.setMax( 160 );         cd1.setYAxis( ya );         BarChart bchart1 = new BarChart( BarStyle.NORMAL );         //bchart1.setTooltip( "$#val#" );         //bchart1.addValues( 133, 123, 144, 122, 155, 123, 135, 153, 123, 122, 111, 100 );         //cd1.addElements( bchart1 );         //chart1.setSize( "

CAST.txt TreeGrid source = (TreeGrid) EventHandler.getDragTarget(); //TreeGrid source = (TreeGrid) event.getSource(); Como hacer un cast en smart gwt client How to make a cast objet with google web toolkit