Prezentare generala a subiectelor
Scop
Acest document explica proprietatile si metodele specifice atunci cand utilizati dialogul de editare a randurilor.
Istoric necesar
Urmatoarele enumera subiectele si articolele necesare ca o conditie prealabila pentru intelegerea acestui subiect.
-
Prezentare generala igGrid: IgGrid este o grila bazata pe client, bazata pe jQuery, responsabila de prezentarea si manipularea datelor tabulare. Intregul sau ciclu de viata este de partea clientului, ceea ce il face independent de tehnologia din partea serverului. escorte baicoi iyfrh.com
-
Actualizare Prezentare generala (igGrid): Acest subiect explica modul de utilizare a functiei de actualizare a controlului igGrid ™.
-
igTemplating: Acest subiect se refera la utilizarea Infragistics® Templating Engine.
In acest subiect
Acest subiect contine urmatoarele sectiuni:
- Introducere
- Randul definitia dialogului Editare
- Rand Editia de referinta a proprietatii dialogului
- Rand Editare Referinta evenimente dialog
- Continut Asemanator
Introducere
Incepand cu versiunea 12.2, functia de actualizare a igGrid furnizeaza un dialog de editare a randurilor si permite utilizatorului final sa editeze inregistrarile intr-un dialog pop up in comparatie cu editarea in linie. escorte mature ro tadpzc.com
Functia este implementata ca parte a actualizarii grilei. Proprietatea editMode are o noua valoare adaugata: „dialog”, in afara de „randul” si „celula” care exista in prezent.
Dialogul rand este redat ca fereastra de dialog. Un exemplu este prezentat mai jos. escorte mature bistrita icx.sanjosesur.net
Facand clic pe Terminat si Anulare, se realizeaza aceeasi actiune ca si atunci cand se utilizeaza editMode: „rand”.
Dialogul de editare a randurilor este deschis folosind aceleasi declansatoare care sunt specificate in proprietatea StartEditTriggers Updating ( faceti clic , dblClick , enter , F2 etc.)
Cand dialogul de editare a randurilor este generat automat, acesta se bazeaza pe tipurile de date ale coloanelor. Citeste coloana Setari pentru functia de actualizare pentru a determina ce tip de editor va fi redat. situri escorte www.eu-nn.net
Redarea editorilor dezactivati (marcata cu readOnly: true) este controlata de proprietatea showReadonlyEditors. Daca showReadonlyEditors este adevarat, atunci coloanele dezactivate sunt redate in fereastra de dialog editare rand, dar acestea sunt dezactivate. Cand showReadonlyEditors este fals , coloanele readOnly nu sunt redate in editorii ferestrei de dialog pentru editarea randului.
Exista integrare de validare in dialogul de editare a randului. escorte vl riverspotresearch.com Validarea se realizeaza citind proprietatea de validare pentru setarile coloanei. Mesajele de validare sunt redate in linie in dialogul de editare a randului cand utilizatorul final tasteaza ceva care nu este permis.
Puteti utiliza metodele publice API startEdit si endEdit pentru a deschide / inchide dialogul de editare a randului.
Randul definitia dialogului Editare
Aceasta sectiune descrie diferitele moduri de a defini un dialog Editare randuri. escorte ramnicuvalcea sml.5starparts.com
Dialogul rand poate fi definit in modurile enumerate mai jos:
-
Dialogul de editare a randului generat automat
Cand niciuna dintre setarile sablonului nu este utilizata, widget-ul genereaza un dialog implicit care contine un tabel cu doua coloane. Coloana din stanga afiseaza textele antet pentru fiecare coloana din grila, in timp ce coloana din dreapta contine editori al caror tip se bazeaza pe coloana Setari pentru acea coloana si tipul de date al acesteia.
In JavaScript:
{name: “Actualizare”, enableAddRow: true, editMode: “dialog”, enableDeleteRow: true, columnSettings: [{columnKey: “OrderID”, readOnly: true}, {columnKey: “ShipName”, defaultValue: names [1], editorOptions: {buton: “dropdown”, listItems: names, readOnly: true, dropDownOnReadOnly: true}}]}
-
Specificat ca sablon de sablon folosind proprietatile dialogTemplate si editorsTemplate.
Daca este setata una sau ambele optiuni, widget-ul va crea fereastra de dialog utilizand motorul de sablon ales. escorte cuj www.sun911.com
2.1. dialogTemplate este un sablon redat cu inregistrarea in curs de editare. Utilizatorii pot utiliza oricare dintre proprietatile native ale elementelor din sursa de date a grilei din acest sablon. escorte bucuresti non stop nxtmillennium.com Dupa ce sablonul reda widgetul cauta elemente marcate cu urmatoarele atribute speciale
-
data-editor-for- <columnKey> – unde <columnKey> este cheia uneia dintre coloanele grilei. Un editor este creat pentru fiecare dintre aceste elemente, atat timp cat un singur element trece criteriile pe coloana.
-
data-render-tmpl – elementul marcat cu acest atribut este utilizat ca container pentru sablonul specificat in optiunea editorsTemplate. Daca nu este gasit niciun element cu acest atribut, sablonul specificat de editorsTemplate nu va fi executat. escorte rusia urbanweddings.com
2.2. editorsTemplate este un sablon redat impotriva colectiei de coloane care poate fi modificat intern de optiunile showReadonlyEditors si showEditorsForHiddenColumns. Aceste doua optiuni controleaza ce coloane vor fi incluse in colectia transmisa motorului de sabloane. escorte beius www.gagermeier.com In plus, sunt excluse coloanele care au editori specificate in dialogTemplate. Toate proprietatile native ale obiectelor de colectie de coloana ale grilei pot fi utilizate in acest sablon.
- escorte travestiti brasov
- escorte ieftine arad
- escorte gherla
- escorte aeges
- escorte lupeni
- escorte brasov non stop
- escorte padova
- escorte tirgu jiu
- escorte feminine
- escorte tinere bucuresti
- escorte ieftine brasov
- escorte cluj forum
- escorte trapezului
- escorte ieftine bucuresti
- escorte berlin
- escorte timisoara nimfomane.ro
- escorte sexy net sex
- escorte bucuresti mature
- constanta escorte
- publi24 escorte sibiu
Editorii sunt inca asteptati sa aiba atributul data-editor-for- <columnKey>, cu toate acestea, aplicatia sa trebuie lasata la motorul de sablonare folosind o eticheta de sablon $ {key} (de exemplu, editor de date-pentru – $ {cheie}) sau similar bazat pe motorul de sablon ales.In ASPX:
<% = (Html. escorte orades 3p3.hesinet.com Infragistics (). Grid (Model) .ID (“grid1”). Inaltime (“400px”). escorte zalău 5daysleft.com Latime (“100%”) // Definitie grila. Caracteristici (functii => {features.Updating) () .EditMode (GridEditMode. escorte sibiu] tracymackjackson.com Dialog) .ShowReadonlyEditors (adevarat) .StartEditTriggers (GridStartEditTriggers.Click) . escorte botoșani youker.com RowEditDialogOptions (options => {options.Containment (“proprietar”). <trupat> / col> <col> </col> </colgroup> <tbody data-render-tmpl> </tbody> </table> “) .EditorsTemplate (” <tr> <td> $ {headerText} </td> <td> <input data-editor-for – $ {key} /> </td> </tr> “) . escorte in arges brivium.com Wwthth (” 400px “);});}) .DataBind () .Render ()%>
In JavaScript:
caracteristici: [{nume: “Actualizare”, startEditTriggers: ‘enter, dblclick’, editMode: ‘dialog’, showReadonlyEditors: false, rowEditDialogOptions: {editorsColumnWidth: 100, dialogTemplate: “<tabla> <colgroup> <col> </colcol > <col> </col> </colgroup> <tbody data-render-tmpl> </tbody> </table> “, editorsTemplate:” <tr> <td> $ {headerText} </td> <td> <input data-editor-for – $ {key} /> </td> </tr> “}}]
-
-
Referirea unui element de sablon folosind proprietatile dialogTemplateSelector si editorsTemplateSelector.
Fiecare regula de la 2. escorte de lux romania boatusa.org se aplica si aici. Proprietatile selectorului ar trebui utilizate atunci cand este mai convenabil ca sablonul sa fie adaugat la pagina html in loc sa fie trecut ca un sir la control.
Daca sunt specificate atat editorsTemplateSelector, cat si editorsTemplate, atunci se utilizeaza editorsTemplateSelector. Acelasi lucru este valabil si pentru optiunile dialogTemplateSelector si pentru optiunile dialogTemplate. forum escorte galati www.flygs.org
In JavaScript:
<script id = “dialogTemplate” type = “text / html”> <div style = “float: left;”> <strong> $ {Nume} </strong> <br /> <table style = “width: 100% ; “> <colgrupa> <col style =” latime: 30%; ” /> <col style = “latime: 70%;” /> </colgroup> <tbody data-render-tmpl = “true”> </tbody> </table> </div> </script> <script id = “editorsTemplate” type = “text / html”> < tr> <td>< $$$headheaderText(</ranje </td> <td> <input data-editor-for – $ {key} = “true” /> </td> </tr> < / script> // In cadrul definitiei grilei .. caracteristici: [{nume: ‘Actualizare’, startEditTriggers: ‘enter, dblclick’, editMode: ‘dialog’, showReadonlyEditors:
Rand Editia de referinta a proprietatii dialogului
Aceasta sectiune descrie diferitele proprietati legate de dialogul de editare a randurilor atunci cand utilizati functia Actualizare in controlul igGrid.
Urmatorul rezuma scopul si functionalitatea proprietatilor coloanelor nelimitate. escorte braila recenzii propertymaps.info
-
showReadonlyEditors
Aceasta proprietate este folosita cand editarea este dezactivata pentru o anumita coloana (readOnly: true).
In mod implicit, este ADEVARAT. Apoi, coloanele dezactivate sunt redate in fereastra de dialog Editare randuri, dar sunt dezactivate.
Cand FALSE coloanele dezactivate nu sunt redate in editori. escorte non stop bucuresti ner.panamanet.com
-
izolare
Aceasta proprietate stabileste containerul parinte al dialogului. Valoarea implicita a acestuia este „proprietar”, iar dialogul de editare a randurilor este capabil doar in zona de grila.
Daca este setat sa fie „fereastra”, dialogul este capabil de a trage in toata zona ferestrei.
-
dialogTemplate
Specifica un sablon care va fi redat cu inregistrarea editata in prezent (sau perechi cheie-valoare implicite in cazul inregistrarilor inca nu create). escorte const www.abstractreductionism.org Poate contine un element decorat cu atributul „date-render-tmpl” pentru a specifica unde controlul ar trebui sa redea sablonul de editori specificat in optiunea editorsTemplate. Pentru dialogurile personalizate, elementele pot fi decorate cu atribute „date-editor-for-” in care columnKey este cheia coloanei pe care editorul sau introducerea vor fi folosite pentru a edita. Daca sunt specificate atat dialogTemplate, cat si dialogTemplateSelector, se va utiliza dialogTemplateSelector.
- escorte timisaora
- escorte travestiti
- escorte vulcan
- matrimoniale escorte constanta
- top escorte brasov
- escorte sex ploiesti
- escorte tg jiu
- craiova escorte
- escorte ar
- experientele unei escorte trailer
- escorte reale
- cache:http://nimfomane.com/forum/forum/11-escorte-iasi/
- escorte iadi
- pub24 escorte
- escorte bucuresti ninfomane
- publi 24 escorte arges
- escorte domiciliu
- escorte ramnicul sarat
- escorte mature botosani
- escorte de lux
Sablonul implicit este <table><colgroup><col></col><col></col> </colgroup> <tbody data-render-tmpl> </tbody> </table>. escorte lux bucuresti innovate-in.usIn JavaScript:
caracteristici: [{name: “Actualizare”, startEditTriggers: ‘enter, dblclick’, editMode: ‘dialog’, showReadonlyEditors: false, rowEditDialogOptions: {dialogTemplate: “<table> <colgroup> <col> </col> <col> </col> </colgroup> <tbody data-render-tmpl> </tbody> </table> “}}]
-
editorsTemplate
Specifica un sablon care trebuie executat pentru fiecare coloana din colectia coloanei grilei. Decorati elementul care va fi folosit ca editor cu „date-editor-for – $ {key}”. Eticheta sablonului $ {cheie} ar trebui inlocuita cu sintaxa motorului de sablon ales pentru a reda valorile. Daca vreun editor pentru coloane este specificat in marcajul de dialog, acestea vor fi exludate din datele pentru care va fi redat sablonul. escorte videle sagefunding.com Aceasta proprietate este ignorata daca sablonul de dialog nu include un element cu atributul „data-render-tmpl”.
In JavaScript:
caracteristici: [{name: “Actualizare”, startEditTriggers: ‘enter, dblclick’, editMode: ‘dialog’, showReadonlyEditors: false, rowEditDialogOptions: {dialogTemplate: “<table> <colgroup> <col> </col> <col> </col> </colgroup> <tbody data-render-tmpl> </tbody> </table> “}}]
-
dialogTemplateSelector
Specifica un selector pentru un sablon redat cu inregistrarea editata in prezent (sau perechi cheie-valoare implicite in cazul inregistrarilor inca nu create). Poate contine un element decorat cu atributul „date-render-tmpl” pentru a specifica unde controlul ar trebui sa redea sablonul de editori specificat in optiunea editorsTemplate. Pentru dialogurile personalizate, elementele pot fi decorate cu atribute „date-editor-for-” in care columnKey este cheia coloanei pe care editorul sau introducerea vor fi folosite pentru a edita. escorte uro brasov bintheredumpthat.info Daca sunt specificate atat editorsTemplate, cat si editorsTemplateSelector, va fi utilizat editorsTemplateSelector. Sablonul implicit este <table><colgroup><col></col><col></col> </colgroup> <tbody data-render-tmpl> </tbody> </table>.
In JavaScript:
<script id = “dialogTemplate” type = “text / html”> <div style = “float: left;”> <strong> $ {Nume} </strong> <br /> <table style = “width: 100% ; “> <colgrupa> <col style =” latime: 30%; ” /> <col style = “latime: 70%;” /> </colgroup> <tbody data-render-tmpl = “true”> </tbody> </table> </div> </script>
- editorsTemplateSelector
Specifica un selector pentru un sablon care trebuie executat pentru fiecare coloana din colectia de coloane a grilei. Decorati elementul care va fi folosit ca editor cu „date-editor-for – $ {key}”. porno cu escorte travelportinc.com Eticheta sablonului $ {cheie} ar trebui inlocuita cu sintaxa motorului de sablon ales pentru a face valori. Daca vreun editor pentru coloane este specificat in marcajul de dialog, acestea vor fi exludate din datele pentru care va fi redat sablonul. Aceasta proprietate este ignorata daca marcajul de dialog nu include un element cu atributul „date-render-tmpl”. Daca sunt specificate atat editorsTemplate, cat si editorsTemplateSelector, va fi utilizat editorsTemplateSelector. escorte din brasov xaj.hillring.com Sablonul implicit este <tr><td>$ corpsheaderText(</td> <td> <input data editor /> </td> </tr>
In JavaScript:
<script id = “editorsTemplate” type = “text / html”> <tr> <td>< $$$headheaderTextaketa</ Holland </td> <td> <input data-editor-for – $ {key } = “true” /> </td> </tr> </script>
-
inaltime
Aceasta proprietate controleaza inaltimea dialogului de editare a randurilor in pixeli.
Valoarea sa implicita este 350 si poate fi fie un sir („350px”), fie un numar (350).
-
latime
Aceasta proprietate controleaza latimea dialogului de editare a randurilor in pixeli.
Valoarea implicita a acestuia este 370 si poate fi fie un sir („370px”), fie un numar (370). escorte galati forum startgames.ws
-
namesColumnWidth
Controleaza latimea coloanei care contine numele coloanelor din dialogul de editare a randului implicit. Este un numar, iar valoarea implicita este 150.
-
startEditTriggers
Dialogul de editare a randurilor este deschis de aceleasi declansatoare care sunt specificate in proprietatea de actualizare startEditTriggers ( faceti clic , dblClick , enter , F2 etc.)
-
doneLabel
Aceasta proprietate controleaza textul pentru butonul Done din dialogul de editare a randului. escorte canterbury www.thedeepweb.com
-
cancelLabel
Aceasta proprietate controleaza textul pentru butonul Cancel din dialogul de editare a randului.
Rand Editare Referinta evenimente dialog
Aceasta sectiune descrie diferitele proprietati legate de dialogul de editare a randurilor atunci cand utilizati functia Actualizare in controlul igGrid.
Urmatorul tabel explica evenimentele declansate cand dialogul de editare a randurilor este activat.
Evenimentele sunt tras cand sablonul este afisat sau ascuns.
Cand se reda continutul sablonului, argumentele pentru eveniment includ randul de date curent care urmeaza sa fie editat. Astfel, dezvoltatorul poate controla complet redarea.
Fiecare functie de handler are argumente evt si ui. Puteti utiliza ui. owner pentru a obtine o referinta la igGridUpdating si ui.dialogElement pentru a obtine o referinta la elementul de dialog de editare a randului.
Pentru a obtine o referinta la randul de date curent, ar trebui sa utilizati ui.dialogElement. data (‘tr’).
Continut Asemanator
Subiecte
Urmatoarele subiecte ofera informatii suplimentare legate de acest subiect.
- Configurarea sablonului de dialog rand: Acest subiect explica cum se utilizeaza functia Actualizare a controlului igGrid ™ in combinatie cu un dialog Editare rand.
Probele
Urmatoarele esantioane ofera informatii suplimentare legate de acest subiect.