hi, i have the next problem. When i send the htlm code through the json i lost the style. here show me code:

function submitForm() {
    if($('#user').val() != '' && $('#pass').val() != '') {
        $.ajax({
            type: "POST",
            url: "index.php/maincontroller/sing_in",
            dataType: "json",                       
            data: {user:$('#user').val(),pass:calcMD5($('#pass').val())},
            cache: false,
            success: function(data){
                if(dato.success == 'true') {
                    $("#dlogin").html('');          
                    $("#welcome").html("<a class='easyui-linkbutton'>Add</a>");   //this is problem    
                }
                ...

<div class="easyui-layout" style="width:100%;height:100%;">
    <div data-options="region:'north'" style="height:150px">
        <div style="position:relative"><img src=<?php echo base_url("img/header/header.png"); ?>>
            <div style="position:absolute; top:10; left:500;"><img src=<?php echo base_url("img/header/logo.png"); ?>></div>
            <div id="dlogin" style="position:absolute; top:110; left:1200;"><?php if(isset($login)) echo $login; ?></div>
            <div id="welcome" style="position:absolute; top:5%; left:80%;">
                   <!--should be shown here div whit style, but loses-->
            </div>
        </div>
    </div>

HELP ME PLEASE I NEED SOLVE THIS PROBLEM FAST

I NEED THAT BUTTON "btnLogin" SET THE FOCUS
<div id="btnLogin" style="text-align:right;padding:5px">
     <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitLogin()">Login</a>
</div>

onBeginEdit:function(rowIndex){
        var editors = $('#tt').datagrid('getEditors', rowIndex);
        var n1 = $(editors[0].target);
        var n2 = $(editors[1].target);
        var n3 = $(editors[2].target);
        n1.add(n2).numberbox({
            onChange:function(){
                var cost = n1.numberbox('getValue')*n2.numberbox('getValue');
                n3.numberbox('setValue',cost);
            }
        })
}
I UNDERSTAND THE EXAMPLE But in my case n3 INSTEAD OF BEING A ROW CELL IS ALL A COLUMN EDITED AND DO NOT REFER TO IT AS TO EDIT YOUR VALUE

in the previous post is the code. then I put an image to have an idea.
what I want is that the onChange element of column 'A' the following calculation is made:
all elements of D = Sum of C / Sum column B

I wrote two post and I have not received any reply. I need to do is add up all the values in a column when the OnChange of a given cell is triggered. I am using a datagrid. this text was translated by google, I do not speak English

I want to do is something like this
onBeginEdit:function(rowIndex){
            var editors = $('#dg').datagrid('getEditors', rowIndex);
            var n = [];
            for (var i = 0; i < 8; i++)
                n = $(editors.target);
            n[1].numberbox({
                onChange:function() {
                    var len = $('#dg').datagrid('getRows').length;
                    //here I need to go to a particular column of the DataGrid and adding all values                   
                    for (var i = 0; i < len; i++) {
                        SumatoriaSBC += parseFloat(.numberbox('getValue'));
                    }

as I can edit an entire column in the same way as I do with the rows. I have a column where the values depend on a given row

I need to sum all values of a column for total

I have a datagrid with editable rows and I need each cell by default has the value 0.00 and if clear the value of the cell to another cell the value 0.00 is set

I need to add multiple cells (editable) of a datagrid and display it in a cell result (not editable) and not as referring to the result cell to assign the sum
onBeginEdit:function(rowIndex){
                var editors = $('#dg').datagrid('getEditors', rowIndex);
                var n = [];
                for (var i = 0; i < 26; i++) {
                    n = $(editors.target);
                }
                n[0].add(n[1]).numberbox({
                    onChange:function(){
                        var tt = 0;
                        for (var i = 0; i < 26; i++) {
                            tt += parseFloat(n.numberbox('getValue'));
                        }
                        here you go what is not.numberbox('setValue',tt);
                    }
                })                
            }

want every change go adding and do not know how to react to the event
onBeginEdit:function(rowIndex){
                var editors = $('#dg').datagrid('getEditors', rowIndex);
                var n = [];
                for (var i = 0; i < 28; i++) {
                    n = $(editors.target);
                }
                n[2].....................................n[20]).numberbox({               //not like telling here that for each of the N elements do what you want
                    onChange:function(){
                        var tt = 0;
                        for (var i = 2; i < 28; i++) {
                            tt += parseFloat(n.numberbox('getValue'));
                        }
                        n[1].numberbox('setValue',tt);
                    }
                })
            }

i want to format a header of a grid with this structure:
$(function(){
        $('#tt').datagrid({
            ...
            columns:[[...]]
         });
});
this is the table header
<thead>
        <tr align="center">
            <th rowspan="3" field='expediente'>Nr. Expte.</th>
            <th rowspan="3" data-options="field:'nombre',editor:'text'">Nombre&nbsp;y&nbsp;Apellidos</th>
            <th rowspan="3" field='grupo_escala'>GE</th>
            <th rowspan="3" field='categoria_ocupacional'>CO</th>
            <th rowspan="3" field='percapita'>Percap. CUC</th>
            <th rowspan="3" field='iedocpl'>IED o CPL</th>
            <th colspan="4" >% Penalizaciones</th>
            <th rowspan="3" field='ttd'>Tiempo Total para la Divisa</th>
            <th rowspan="3" field='stsp'>Salario Total Sistema Pago</th>
            <th rowspan="3" field='sb'>Salario Base Calculo</th>
            <th rowspan="3" field='ff'>Fondo Formado</th>
            <th rowspan="3" field='cd'>Coefic. Distrib.</th>
            <th rowspan="3" field='mmn'>Monto MN</th>
            <th rowspan="3" field='pmn'>Penaliz. en MN</th>
            <th rowspan="3" field='mpmn'>Monto a pagar en MN</th>
            <th rowspan="3" field='mcuc'>Monto en Divisa</th>
            <th rowspan="3" field='pcuc'>Penaliz. en Divisa</th>
            <th rowspan="3" field='mpcuc'>Monto a pagar en Divisa</th>
        </tr>
        <tr align="center">
            <th colspan="2">Cond_Esp.</th>
            <th colspan="2">CPL</th>
        </tr>
        <tr align="center">
            <th field='penl_ce_mn'>MN</th>
            <th field='penl_ce_cuc'>CUC</th>
            <th field='penl_cpl_mn'>MN</th>
            <th field='penl_cpl_cuc'>CUC</th>
        </tr>
    </thead>

I am using a form where I have the multiselect the problem is, how to load it already inserted at a given time?

<input id="gd05" class="easyui-combobox" required style="width:68%" data-options="
                valueField:'id_area',
                textField:'area',
                onSelect: function(rec){
                    //$('#box1').combobox('clear');
                    var url = '<?= base_url() ?>index.php/c_grpodistrib/get_trab/'+rec.area;
                    $('#box1').combobox('reload', url);
                }">
        <select id="box1" name="trabajadores[]" class="easyui-combobox" editable='false' required style="width: 100%; height: 50px" data-options="
            textField:'nombre',
            valueField:'id',
            multiple:true,
            multiline:true">
        </select>

this is what I want to do in the Edit button onClick
$.ajax({
            type: "POST",
            cache: false,
            url: 'c_grpodistrib/get_trab_del_grpo/'+row.id_grpodistrib,
            dataType: 'json',
            success: function(dato) {
                var result = [];
                $.each(dato, function(idx, obj) {
                    result[idx]=obj.nombre;
                });
                $('#box1').combobox('setValues', result);
                $('#box1').combobox('reload', 'c_grpodistrib/get_trab_del_grpo/'+row.id_grpodistrib);
            },
            error : function(xhr, status) {
                alert('Esto nunca debe suceder');
            }
        });

I'm using a multiline select from an edit form, put the items that once were inserted in the same way I reload to display the items, now I need to put the class selected these items. how to do?

wonder if there is a component that allows it as the combobox, datagrid, etc