Articles by "Devexpress"

Change DevExpress Language,How  to Change DevExpress Language,Best way to Change DevExpress Language
To Change DevExpress Language:

1- Download folder language for your version devexpress




2- Add this folder in your project Devexpress


<Project_Devexpress\Project\Name_solution\bin>

3- change web.config globalization Devexpress Language

Exemple: change English to French

English :

    <globalization culture="en" uiCulture="en" />

French : 

    <globalization culture="fr" uiCulture="fr" />

More languages: 

French [fr]
German [de]
Greek [el]
Hungarian [hu]
Italian [it]
Polish [pl]
Portuguese (Brazil) [pt-BR]
Portuguese (Portugal) [pt-PT]
Romanian [ro]
Russian [ru]Chinese (Simplified) [zh-CHS] (prior v12.1)
Chinese [zh-Hans] (v12.1+)
Chinese [zh-Hant] (v12.1+)
Croatian [hr]
Czech [cs]
Danish [da]
Slovak [sk] (v12.1+)
Slovenian [sl]
Spanish [es]
Swedish [sv] (v11.2+)
Turkish [tr] (v14.2+)
Dutch - The Netherlands [nl]
Norwegian [no]
Japanese [ja] (v11.1+)



Deletet Row in gridview with button devexpress mvc,Button Deletet Row devexpress mvc,Button Deletet Row devexpress mvc

To Delete Row in gridview with button devexpress mvc :

1- Index.cshtml



Button Delete Row in gridview devexpress  mvc


<div class="panel panel-primary col-lg-12">
    <div class="panel-heading">
        <h3 class="panel-title">Grid Test</h3>
    </div>
    <div class="pull-right">
        @Html.DevExpress().Button(settings =>
   {
       settings.Name = "btnDelete";
       settings.Text = "Delete";

       settings.UseSubmitBehavior = true;
       settings.ClientSideEvents.Click = "function(s, e) { OnDeleteClick() }";

   }).GetHtml()

2- javascript code 
 


 javascript Button  Delete Row in gridview devexpress  mvc


@model DXWeb.Models.Home

 <script type="text/javascript">
  
 function OnDeleteClick(sender, e)
     {
         if (confirm("Do you want to delete this Row ?"))
             var index = GridViewTest.GetFocusedRowIndex();
         GridViewTest.DeleteRow(index);

     }
</script>

3- Controller:
 


Controller Button Delete Row in gridview devexpress  mvc


 public ActionResult GridTest()
        {
            var model = db.test;
            return PartialView("_GridViewPartialTest", model.ToList());

        }

Note: add " settings.SettingsBehavior.ConfirmDelete = true; " in your Gridview .




Edit Row gridview button devexpress mvc,button Edit Row devexpress mvc,

To Edit Row in gridview with button devexpress mvc :

1- Index.cshtml


Button Edit Row in gridview devexpress  mvc


<div class="panel panel-primary col-lg-12">
    <div class="panel-heading">
        <h3 class="panel-title">Grid Test</h3>
    </div>
    <div class="pull-right">
        @Html.DevExpress().Button(settings =>
   {
       settings.Name = "btnEdit";
       settings.Text = "Edit";

       settings.UseSubmitBehavior = true;
       settings.ClientSideEvents.Click = "function(s, e) { OnEditClick() }";

   }).GetHtml()

2- javascript code 

 javascript Button  Edit Row in gridview devexpress  mvc


@model DXWeb.Models.Home

 <script type="text/javascript">
    function OnEditClick(sender, e)
     {
         var index = GridTest.GetFocusedRowIndex();
         GridViewTest.StartEditRow(index);
         
     }
</script>

3- Controller:

Controller Button  Edit Row in gridview devexpress  mvc


 public ActionResult GridTest()
        {
            var model = db.test;
            return PartialView("_GridViewPartialTest", model.ToList());

        }


button devexpress mvc,add Row in gridview with button devexpress mvc

to add Row in gridview with button devexpress mvc :

1- Index.cshtml


Button add Row in gridview devexpress  mvc


<div class="panel panel-primary col-lg-12">
    <div class="panel-heading">
        <h3 class="panel-title">Grid Test</h3>
    </div>
    <div class="pull-right">
        @Html.DevExpress().Button(settings =>
   {
       settings.Name = "btnNew";
       settings.Text = "New";

       settings.UseSubmitBehavior = true;
       settings.ClientSideEvents.Click = "function(s, e) { OnNewClick() }";

   }).GetHtml()

2- javascript code 


 javascript Button  add Row in gridview devexpress  mvc



@model DXWeb.Models.Home

 <script type="text/javascript">
     function OnNewClick(sender, e)
     {
       
         GridTest.AddNewRow();

     }
</script>

3- Controller:


Controller Button  add Row in gridview devexpress  mvc



 public ActionResult GridTest()
        {
            var model = db.test;
            return PartialView("_GridViewPartialTest", model.ToList());

        }


Result:


button devexpress mvc,add Row in gridview with button devexpress mvc


The World of Technology

{facebook#https://www.facebook.com/theworldoftechnologyy/}

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget