Comment faire pour afficher une case à cocher dans un dojo datagrid?

Comment faire pour afficher une case à cocher dans un dojo datagrid?

OriginalL'auteur tapioco123 | 2010-07-11

  1. 3

    Utilisation formateur de la fonction comme décrit dans Les Widgets à l'Intérieur du dojo.DataGrid

    Vous pouvez retourner la nouvelle bibliothèque dijit.forme.Case à cocher de formateur de la fonction dans le dojo de 1,4

    OriginalL'auteur Naktibalda

  2. 8

    Je dirais réglage cellType à dojox.de la grille.les cellules.Bool, au lieu de le formatter.Le formateur vous donne beaucoup de liberté, mais aussi la responsabilité de la collecte des données à partir de toutes les cases à cocher (pour toutes les lignes) par la suite. Quelque chose comme ceci comme une structure d'entrée devrait faire l'affaire:

    {
   name: "is awesome?",
   width: "auto",
   styles: "text-align: center",
   type: dojox.grid.cells.Bool, editable: true
}

    Assurez-vous d'utiliser une écriture store (comme ItemFileWriteStore) et pas seulement une lecture du magasin, sinon vous allez être désactivé pour le fait de cocher la case 🙂

    OriginalL'auteur Herbert

  3. 2

    Vous avez besoin de la IndirectSelection plugin pour le EnhancedGrid, ici un violon: http://jsfiddle.net/raybr/w3XpA/5/

    OriginalL'auteur vikasrao

  4. 1

    Vous pouvez utiliser quelque chose comme cela, avec Json

    HTML

    <table id="myGrid" dojoType="dojox.grid.DataGrid"
               clientSort="true" autoHeight="true" autoWidth="true">
            <script type="dojo/method">
                showFields();
            </script>
</table>

    DOJO

        showFields:function () {
        dojo.xhrPost({
            url:"/getFields.do",
            timeout:2000,
            handleAs:"json",
            load:dojo.hitch(this, "displayInGrid")
        });
    },

    displayInGrid:function (jsonResult) {
        var dataStore = new dojo.data.ItemFileReadStore(
            { data:jsonResult }
        );
        var checkboxLayout = [
            [
                {name:'ID', field:"id" },
                {name:'Value', field:"id", formatter:this.addCheckBox}
            ]
        ];
        var grid = dijit.byId("myGrid");
        grid.setStructure(checkboxLayout);
        grid.setStore(dataStore);
    },

    addCheckBox:function (val) {
        var checkbox = "<input type='checkbox' name='myfields' value='" + val + "/>";
                    return checkbox;
    },

    OriginalL'auteur Sujeet

  5. 0

    Si vous essayez d'afficher une case à cocher sélecteur sur chaque ligne de la grille, vous pouvez suivre ce tutoriel

    http://dojotoolkit.org/documentation/tutorials/1.8/working_grid/demo/selector.php

    OriginalL'auteur Swapnil

  6. 0

    Si le type de la cellule est un booléen, alors sa valeur est affichée comme une chaîne de caractères true ou false. Si un check box est souhaitée, la définition de la cellType être dojox.grid.cells.Bool et en le marquant comme modifiable fera une case à cocher apparaît.

    http://dojotoolkit.org/reference-guide/1.9/dojox/grid/DataGrid.html#editing-cells

    De balisage, de faire comme ceci pour le résultat souhaité:

    <th field="booleanField"  cellType="dojox.grid.cells.Bool"  editable="true">Checkbox field</th>

    OriginalL'auteur Boban Raj