Скрытие столбца сетки данных в DOJO

Привет, я хочу скрыть имя столбца в сетке данных и использовать его для какой-то внутренней функции, чтобы пользователь не мог его видеть. например Я хочу скрыть поле номера рулона, пожалуйста, помогите мне в этом. Я надеюсь, что вопроса достаточно, чтобы объяснить работу, которую мне нужно сделать. Пожалуйста, помогите мне с этим. Заранее спасибо! Пожалуйста, найдите код ниже:

 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
            pageEncoding="ISO-8859-1"
        %>
<!DOCTYPE html>
<html>
<head>
<script>

function onReportTypesSelect()
{
    if(getDijitValue('data_types') != 'Select')
        {

        if(getDijitValue('data_types') == 'class_level')
        {
            require([
                        "dojo/store/JsonRest",
                        "dojo/store/Memory",
                        "dojo/store/Cache",
                        "dojox/grid/DataGrid",
                        "dojo/data/ObjectStore",
                        "dojo/query",
                        "dojo/domReady!"

                    ], function(JsonRest, Memory, Cache, DataGrid, ObjectStore, query){
                        var userStore, dataStore, grid;
                        userStore = new Cache(JsonRest({target: "<%=request.getContextPath()%>" + "/data/classServlet"}), new Memory()); 
                        grid = new DataGrid({
                            id:"class_level_grid",
                            store: dataStore = new ObjectStore({objectStore: userStore}),
                            structure: [
                                        {name: 'Roll Number', field: 'roll', width: 'auto', defaultValue: ""},
                                         {name: 'Name', field: 'name', width: '100px', defaultValue: ""},
                                        {name: 'Class', field: 'class', width: '75px', defaultValue: ""}
                            ],
                        style:"font-family: calibri, Garamond, Comic Sans; font-size: 10;",
                        selectionMode:'single',  
                        autoHeight: 10,
                        rowsPerPage:40,
                        rowSelector:'20px',
                        selectable: true
                        }

                        , "class_level_grid_div"); // make sure you have a target HTML element with this id
                        grid.startup();

                    });

        }
}
}
</script>
</head>`enter code here`
<body>
<div id="data_types" data-dojo-type="dijit/form/Select" style="width: 200px;" onchange="onReportTypesSelect()">
                     <span data-dojo-value="Select"><b>Select</b></span>
                    <span data-dojo-value="class_level"><b>class Level</b></span>
</div>
<div id="class_level_grid_div" style="width: 95%; height: 90%;"> </div>
</div>
</body>
</html>

javascript dojo dojox.grid dojox.grid.datagrid
person bhanuj    schedule 19.01.2015    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Сначала назначьте столбец id:

{name: 'Roll Number', id: 'rollNum', field: 'roll', width: 'auto', defaultValue: ""},

Если вы пытаетесь скрыть или показать столбец, решение:

// to hide column with id="rollNum"
grid.styleColumn("rollNum", "display: none;");

// to show it
grid.styleColumn("rollNum", "display: table-cell;");
person Community    schedule 19.01.2015
comment
Большое спасибо!! Я нашел другое решение для этого: {name: 'Roll Number', field: 'roll', width: 'auto', defaultValue: ,hidden: true} - person bhanuj; 20.01.2015

arrow_upward
1
arrow_downward

Это очень просто. Просто добавьте «hidden: true» в структуру столбцов.

структура: [ {имя: 'Номер рулона', поле: 'рулон', ширина: 'авто', значение по умолчанию: "", скрыто: правда}, {имя: 'Имя', поле: ' имя», ширина: «100 пикселей», значение по умолчанию: «»}, {имя: «класс», поле: «класс», ширина: «75 пикселей», значение по умолчанию: «»}],

person Piyush Chordia    schedule 11.10.2017