none
jqGrid com criação da grid dinâmica RRS feed

  • Pergunta

  • Estou vendo algumas bibliotecas para criar grids com informações visuais mais bonitas ao usuários.
    Encontrei a classe jqGrid em jQuery. Porém pelo o que eu notei, para cada tipo de listagem que eu queira criar, teria que criar um novo jQuery conforme o código abaixo:

    <script type="text/javascript">
    $().ready(function () {
        $("#table").jqGrid({
        multiselect: false,
        datatype: "json",
        url: "Listar",
        colNames: ['Nome', 'Email', 'Telefone'],
        colModel: [
        { name: 'Nome', index: 'Nome', width: 100 },
        { name: 'Email', index: 'Email', width: 300 },
        { name: 'Telefone', index: 'Telefone', width: 80 }
         ],
        height: 220,
        caption: "Resultado",
        pager: "#pager",
        jsonReader: { repeatitems: false, id: "Codigo" },
        rowNum: 10,
        sortname: 'NomeEmpresa',
        sortorder: "asc",
        viewrecords: true
        });
     
    });
            
    </script>

    Teria de alguma forma de passar dinamicamente os valores de colModel, colNames para o jQuery.

    Qual é a sugestões de vocês para cricar listagens?

    Abs

    Marlon


    Marlon Tiedt
    www.sesmt.com.br

    terça-feira, 3 de julho de 2012 18:42

Respostas

  • Sim Marlon:

    call = function ($table, options) {
        var defaultOptions = {
    	    multiselect: false,
    	    datatype: "json",
    	    url: "Listar",
    	    height: 220,
    	    caption: "Resultado",
    	    pager: "#pager",
    	    jsonReader: { repeatitems: false, id: "Codigo" },
    	    rowNum: 10,
    	    sortname: 'NomeEmpresa',
    	    sortorder: "asc",
    	    viewrecords: true
    	}
    
        $table.jqGrid($.extend({}, defaultOptions, options));
    }

    e nas páginas você chama o método passando um objeto com os dados que são diferentes dos demais:

    call($("#table"),{
    	colNames: ['Nome', 'Email', 'Telefone'],
    	colModel: [
    	{ name: 'Nome', index: 'Nome', width: 100 },
    	{ name: 'Email', index: 'Email', width: 300 },
    	{ name: 'Telefone', index: 'Telefone', width: 80 }
    	 ]
    });


    http://www.linkedin.com/pub/murilo-kunze/44/191/455


    terça-feira, 3 de julho de 2012 19:21