Atributos
LISTA DE ATRIBUTOS para UniDBGrid
fieldmasks: - indica o início dos atributos
no-paged - desativa o paginador
grid-paginator: - desativa a barra padrão e adiciona a nova barra do RadCORE.
Nota: Durante a renderização, o grid será redimensionado para o tamanho do seu "parent".
O ideal é por seu grid em um bloco responsivo.
grid-noforcefit: - não aplica "forcefit"
grid-forcefit: - Ativa o forcefit de acordo com os parâmtros configurados
Ex: grid-forcefit:13 mobile-v-5 mobile-h-8
Aplica o forcefit se houver 13 colunas ou menos e não estiver em MOBILE.
Aplica o forcefit se houver 5 colunas ou menos e estiver em MOBILE VERTICAL.
Aplica o forcefit se houver 8 colunas ou menos e estiver em MOBILE HORIZONTAL.
Nota: o forcefit não funciona bem em conjunto com o LOCKED
model-crud:0 - é o padrão e é opcional, mas quando indicado é possível customizar o modelo.renderiza o modelo no. 0 para layout do CRUD( Ex: frmCadFORNECEDOR / frmCadFUNCIONARIO )
model-crud:1 - renderiza o modelo no. 1 para layout do CRUD( Ex: frmCadCLIENTES )
model-crud:2 - renderiza o modelo no. 2 para layout do CRUD( Ex: frmCadCIDADES )
model-crud:3 - renderiza o modelo no. 3 para layout do CRUD( Ex: frmCadFERIADOS )
model-search:column- renderiza dinamicamente a consulta por COLUNAS no UniDBGrid( Ex. frmCadFUNCIONARIOS / frmCadCOMPRAS )
grid-resize: - reconfigurar caso o usuário gire o dispositivo, por exemplo.
firstshow:NN - Ao acessar o formulário pela primeira vez, serão carregados apenas NN registros
locked - travar coluna
title:AAAAAAAA - define um título para o campo no grid
title:translate(fn)- define tradução em tempo de execução para a coluna indicada
charcase: - define um CHAR CASE para o campo no grid
variações:
charcase:u -converte para letras maiúsculas
charcase:l -converte para letras minúsculas
width:NN - define uma largura para o campo no grid
variações:
width:20 mobile:45
width:20 mobile-h:45 mobile-v:88
width:4% mobile-h:8% mobile-v:12%
Ajusta a largura da coluna de acordo com o dispositivo. Quando usado o "%" será calculado pela largura do GRID.
mask:#,#0.00## - define uma máscara para o campo no grid
align: - define um alinhamento para o campo no grid
variações:
align:l - alinha a esquerda
align:c - alinha ao centro
align:r - alinha a direita
titlealign: - define um alinhamento para o título do campo no grid
variações:
titlealign:l - alinha a esquerda
titlealign:c - alinha ao centro
titlealign:r - alinha a direita
visible:false - esconder a coluna
variações:
visible:false mobile - oculta a coluna quando estiver acessando a aplicação em MOBILE
visible:false mobile-v - oculta a coluna quando estiver acessando a aplicação em MOBILE PORTRAIT
visible:false mobile-h - oculta a coluna quando estiver acessando a aplicação em MOBILE LANDSCAPE
Existe um problema que ainda não foi resolvido( compreendido ): Na tela de exemplo( frmCadCOMPRAS ) o visible foi
substituído pelo "width" pois gera uma exceção interna no JS.
cls:color-blue - aplica uma classe css
cls:{<0,color-red,color-black} - aplica uma classe css condicional
obrigatoriamente a coluna deve ser numéria. Logo se o valor for inferior a '0' é aplicado a classe "color-red", senao, "color-black".
Formato: campo[[attr:value|attr:value...]];
obs: 'campo' deve estar de acordo com seu SELECT. Se houver um ALIAS, informe o ALIAS.
Nota:
Apesar do recurso ser muito bem vindo, os atributos dinâmicos exigem mais processamento.
Em desktop até é aceitável mas em MOBILE, o desempenho fica muito comprometido.
Você pode optar por não utilizar ou sempre que possível, reduza o máximo que puder o número de colunas do grid, afinal, essa é uma boa prática na web.
Nota
Você pode usar o RC ELEMENTs ou via código, alimentar a propriedade HINT( como nos exemplos acima ). Quando há muitas configurações fica mais prático usar via código.
Created with the Personal Edition of HelpNDoc: Single source CHM, PDF, DOC and HTML Help creation