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

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |