EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: yamilbracho on June 09, 2015, 12:49:41 PM



Title: Show DataList
Post by: yamilbracho on June 09, 2015, 12:49:41 PM
I would like to show some records in a datalist. My php code (
'./clasificacion_canal/crud_clasificacion_canal.php?action=ARCL&id-canal=0') returns
Code:
[{"ck":false,"id_clasificacion":23,"tx_clasificacion":"0-Administrador"},
{"ck":false,"id_clasificacion":6,"tx_clasificacion":"0-ASISTENCIA MEDICA A DOMC"},
{"ck":false,"id_clasificacion":22,"tx_clasificacion":"0-CENTROS DE APS"}]

And my HML code is as follows :
Code:
   <ul class="easyui-datalist" 
        title="Checkbox in DataList"
        data-options="
        fit         : true,
        lines       : true,
        checkbox    : true,
        url         : './clasificacion_canal/crud_clasificacion_canal.php?action=ARCL&id-canal=0',
        method      : 'get',
        valueField  : 'id_clasificacion',
        textField   : 'tx_clasificacion'
        ">
    </ul>

but my datalist is empty...

Any hint, please ?


Title: Re: Show DataList
Post by: stworthy on June 09, 2015, 05:06:27 PM
Please refer to this example http://jsfiddle.net/ycex75bb/. It works fine.


Title: Re: Show DataList
Post by: yamilbracho on June 10, 2015, 07:55:22 AM
Thanks a lot!!!
But it does not render nothing. The code is :
Code:
<script>
    var data = [{"ck":false,"id_clasificacion":23,"tx_clasificacion":"0-Administrador"},
        {"ck":false,"id_clasificacion":6,"tx_clasificacion":"0-ASISTENCIA MEDICA A DOMC"},
        {"ck":false,"id_clasificacion":22,"tx_clasificacion":"0-CENTROS DE APS"}];

    $(document).ready(function () {
        alert(JSON.stringify(data));
        alert($('#myDiv').html());
    });
</script>

<div id='myDiv' style="width:400px;height:300px">
    <ul class="easyui-datalist"
        title="Checkbox in DataList"
        data-options="
        fit         : true,
        lines       : true,
        checkbox    : true,
        data        : data,
        valueField  : 'id_clasificacion',
        textField   : 'tx_clasificacion'
        ">
    </ul>
</div>

I try this code in jsfiddle and works fine, but it does not work in my webpage (I use a layout)

Maybe some style, color or something else that I could check?