asp.net - How to insert HTML Editor in Grid? -


hello, using 'trial of tekerik controls', building grid. now, want insert html edit control in grid when press 'edit' , select row shortdescription. want html control open, can edit information inside.

enter image description here

you can see here example.

here code

 <telerik:radgrid id="radgrid1" runat="server" showgrouppanel="true" gridlines="none" datasourceid="datasource1" allowfiltering="false" allowautomaticdeletes="true" allowautomaticinserts="true" allowautomaticupdates="true" allowfilteringbycolumn="true" autogeneratedeletecolumn="true" autogenerateeditcolumn="true" cellspacing="0">                 <mastertableview grouploadmode="client" showgroupfooter="false" groupsdefaultexpanded="false" autogeneratecolumns="false" datakeynames="id">                     <columns>                         <telerik:gridboundcolumn datafield="id" datatype="system.int32" filtercontrolalttext="filter id column" headertext="id" readonly="true" sortexpression="id" uniquename="id">                         </telerik:gridboundcolumn>                         <telerik:gridcheckboxcolumn datafield="loadcategory" datatype="system.boolean" filtercontrolalttext="filter loadcategory column" headertext="loadcategory" sortexpression="loadcategory" uniquename="loadcategory">                         </telerik:gridcheckboxcolumn>                         <telerik:gridboundcolumn datafield="productcategory" filtercontrolalttext="filter productcategory column" headertext="productcategory" sortexpression="productcategory" uniquename="productcategory">                         </telerik:gridboundcolumn>                         <telerik:gridboundcolumn datafield="shortdescription" filtercontrolalttext="filter shortdescription column" headertext="shortdescription" sortexpression="shortdescription" uniquename="shortdescription">                            <%-- row --%>                         </telerik:gridboundcolumn>                         <telerik:gridboundcolumn datafield="numberofitems" datatype="system.int16" filtercontrolalttext="filter numberofitems column" headertext="numberofitems" sortexpression="numberofitems" uniquename="numberofitems">                         </telerik:gridboundcolumn>                         <telerik:gridboundcolumn datafield="categorytitle" filtercontrolalttext="filter categorytitle column" headertext="categorytitle" sortexpression="categorytitle" uniquename="categorytitle">                         </telerik:gridboundcolumn>                         <telerik:gridboundcolumn datafield="seotitle" filtercontrolalttext="filter seotitle column" headertext="seotitle" sortexpression="seotitle" uniquename="seotitle">                         </telerik:gridboundcolumn>                         <telerik:gridboundcolumn datafield="seodescription" filtercontrolalttext="filter seodescription column" headertext="seodescription" sortexpression="seodescription" uniquename="seodescription">                         </telerik:gridboundcolumn>                     </columns>                 </mastertableview>                 <clientsettings allowdragtogroup="true">                 </clientsettings>             </telerik:radgrid> 

any ideas how can this?

use usercontroleditform

    <editformsettings usercontrolname="yourusercontrol.ascx" editformtype="webusercontrol">             <editcolumn filtercontrolalttext="filter editcommandcolumn column">             </editcolumn>     </editformsettings> 

in yourusercontrol.ascx , can add telerik radeditor or other html editor .

this how value grid usercontrol,

  object _fieldvalue = databinder.eval(dataitem, "yourdatafield");         if ((_fieldvalue != dbnull.value) && (_fieldvalue != null))         {             yourhtmleditor.text = _fieldvalue .tostring();          } 

and how value usercontrol main grid,

  usercontrol usercontrol = (usercontrol)e.item.findcontrol(grideditformitem.editformusercontrolid);   string _value= (usercontrol.findcontrol("yourhtmleditor") typeofyoureditor).text; 

you can see reference1 , reference2 !

or

without using usercontroleditform , can use editformtemplate

 <editformsettings editformtype="template">             <formtemplate> 

see demo1 , demo2 !

good luck :)


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -