Prezentare generala a dialogului pentru editarea randurilor (igGrid)

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.

Proprietate Tip Descriere Valoare implicita editMode „rand | celula | dialog | niciunul | null” Proprietatea editMode are o noua valoare adaugata, rand de dialog

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:

  1. 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}}]}

  2. 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> “}}]

  3. 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.us

    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> “}}]

  • 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.