Skip to content

Commit c7eb0f8

Browse files
kmuthukumar23kmuthukumar23
authored
Merge pull request #12 from mohankumar91/EJ2-000-github-samples
bug(EJ2-0000): Button sample level issue fixed
2 parents 4584b43 + 895c402 commit c7eb0f8

File tree

12 files changed

+525
-506
lines changed

12 files changed

+525
-506
lines changed

‎ej2-blazor-samples/Pages/Buttons/Button/ButtonGroup.razor‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -39,9 +39,9 @@
3939
<div class="row">
4040
<p class="h5">Default</p>
4141
<div id="icon" class="e-btn-group">
42-
<EjsButton id='watch' IconCss='bg-icons e-btngrp-watch'></EjsButton>
43-
<EjsButton id='star' IconCss='bg-icons e-btngrp-star'></EjsButton>
44-
<EjsButton id='download' IconCss='bg-icons e-btngrp-download'></EjsButton>
42+
<EjsButton ID='watch' IconCss='bg-icons e-btngrp-watch'></EjsButton>
43+
<EjsButton ID='star' IconCss='bg-icons e-btngrp-star'></EjsButton>
44+
<EjsButton ID='download' IconCss='bg-icons e-btngrp-download'></EjsButton>
4545
</div>
4646
</div>
4747
<div class="row">

‎ej2-blazor-samples/Pages/Buttons/Button/DefaultFunctionalities.razor‎

Lines changed: 169 additions & 158 deletions
Large diffs are not rendered by default.

‎ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -47,16 +47,16 @@
4747
<div id="button-control">
4848
<div class="row">
4949
<div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
50-
<EjsDropDownButton id="iconbtn" Items="@items" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
50+
<EjsDropDownButton ID="iconbtn" Items="@Items" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
5151
</div>
5252
<div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
53-
<EjsDropDownButton id="textbtn" Content="Profile" Items="@items"></EjsDropDownButton>
53+
<EjsDropDownButton ID="textbtn" Content="Profile" Items="@Items"></EjsDropDownButton>
5454
</div>
5555
<div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
56-
<EjsDropDownButton id="icontextbtn" Content="Profile" Items="@items" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
56+
<EjsDropDownButton ID="icontextbtn" Content="Profile" Items="@Items" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
5757
</div>
5858
<div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
59-
<EjsDropDownButton id="custombtn" Content="Profile" Items="@items" CssClass="e-caret-hide"></EjsDropDownButton>
59+
<EjsDropDownButton ID="custombtn" Content="Profile" Items="@Items" CssClass="e-caret-hide"></EjsDropDownButton>
6060
</div>
6161
</div>
6262
</div>
@@ -158,7 +158,7 @@
158158

159159
@code{
160160

161-
public List<object> items { get; set; } = new List<object>
161+
public List<object> Items { get; set; } = new List<object>
162162
{
163163
new { text = "Dashboard", iconCss = "e-ddb-icons e-dashboard" },
164164
new { text = "Notifications", iconCss = "e-ddb-icons e-notifications" },

‎ej2-blazor-samples/Pages/Buttons/Button/ProgressButton.razor‎

Lines changed: 205 additions & 207 deletions
Large diffs are not rendered by default.

‎ej2-blazor-samples/Pages/Buttons/Button/RadioButton.razor‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -39,16 +39,16 @@
3939
<div class="radio-control">
4040
<h4 class="row">Select a payment method</h4>
4141
<div class="row">
42-
<EjsRadioButton id="radio1" Label="Credit/Debit Card" Name="payment" Value="credit/debit" Checked="true"></EjsRadioButton>
42+
<EjsRadioButton ID="radio1" Label="Credit/Debit Card" Name="payment" Value="credit/debit" Checked="true"></EjsRadioButton>
4343
</div>
4444
<div class="row">
45-
<EjsRadioButton id="radio2" Label="Net Banking" Name="payment" Value="netbanking"></EjsRadioButton>
45+
<EjsRadioButton ID="radio2" Label="Net Banking" Name="payment" Value="netbanking"></EjsRadioButton>
4646
</div>
4747
<div class="row">
48-
<EjsRadioButton id="radio3" Label="Cash on Delivery" Name="payment" Value="cashondelivery"></EjsRadioButton>
48+
<EjsRadioButton ID="radio3" Label="Cash on Delivery" Name="payment" Value="cashondelivery"></EjsRadioButton>
4949
</div>
5050
<div class="row">
51-
<EjsRadioButton id="radio4" Label="Other Wallets" Name="payment" Value="others"></EjsRadioButton>
51+
<EjsRadioButton ID="radio4" Label="Other Wallets" Name="payment" Value="others"></EjsRadioButton>
5252
</div>
5353
</div>
5454
</div>

‎ej2-blazor-samples/Pages/Buttons/Button/SplitButton.razor‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -40,16 +40,16 @@
4040
<div id="button-control">
4141
<div class="row">
4242
<div class="col-xs-12 col-sm-6 col-lg-3 col-md-3">
43-
<EjsSplitButton id="iconsplitbtn" Items="@items" IconCss="e-btn-icons e-paste"></EjsSplitButton>
43+
<EjsSplitButton ID="iconsplitbtn" Items="@Items" IconCss="e-btn-icons e-paste"></EjsSplitButton>
4444
</div>
4545
<div class="col-xs-12 col-sm-6 col-lg-3 col-md-3">
46-
<EjsSplitButton id="textsplitbtn" Items="@items" Content="Paste"></EjsSplitButton>
46+
<EjsSplitButton ID="textsplitbtn" Items="@Items" Content="Paste"></EjsSplitButton>
4747
</div>
4848
<div class="col-xs-12 col-sm-6 col-lg-3 col-md-3">
49-
<EjsSplitButton id="icontextsplitbtn" Items="@items" Content="Paste" IconCss="e-btn-icons e-paste"></EjsSplitButton>
49+
<EjsSplitButton ID="icontextsplitbtn" Items="@Items" Content="Paste" IconCss="e-btn-icons e-paste"></EjsSplitButton>
5050
</div>
5151
<div class="col-xs-12 col-sm-6 col-lg-3 col-md-3">
52-
<EjsSplitButton id="disabledsplitbtn" Items="@items" Content="Paste" IconCss="e-btn-icons e-paste"></EjsSplitButton>
52+
<EjsSplitButton ID="disabledsplitbtn" Items="@Items" Content="Paste" IconCss="e-btn-icons e-paste"></EjsSplitButton>
5353
</div>
5454
</div>
5555
</div>
@@ -121,7 +121,7 @@
121121
</style>
122122

123123
@code{
124-
public List<object> items { get; set; } = new List<object>
124+
public List<object> Items { get; set; } = new List<object>
125125
{
126126
new { text = "Paste", iconCss = "e-btn-icons e-paste" },
127127
new { text = "Paste Special", iconCss = "e-btn-icons e-paste-special" },

‎ej2-blazor-samples/Pages/Buttons/Button/Switch.razor‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -49,15 +49,15 @@
4949
</div>
5050
<div>
5151
<label for="checked" style="padding: 10px 70px 10px 0"> USB Tethering </label>
52-
<EjsSwitch id="checked" Checked="true"></EjsSwitch>
52+
<EjsSwitch ID="checked" Checked="true"></EjsSwitch>
5353
</div>
5454
<div>
5555
<label for="unchecked" style="padding: 10px 24px 10px 0"> Portable Wi-Fi hotspot </label>
56-
<EjsSwitch id="unchecked"></EjsSwitch>
56+
<EjsSwitch ID="unchecked"></EjsSwitch>
5757
</div>
5858
<div>
5959
<label for='disabled' class="e-disabled" style="padding: 10px 40px 10px 0"> Bluetooth Tethering </label>
60-
<EjsSwitch id="disabled" Disabled="true"></EjsSwitch>
60+
<EjsSwitch ID="disabled" Disabled="true"></EjsSwitch>
6161
</div>
6262
</div>
6363
</div>

‎ej2-blazor-samples/Pages/DropDowns/ListBox/DefaultFunctionalities.razor‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
<div class="col-lg-12 control-section">
2727
<div id="listbox-control">
2828
<h4>Select your favorite car:</h4>
29-
<EjsListBox ID="listbox" DataSource="@data"></EjsListBox>
29+
<EjsListBox ID="listbox" DataSource="@Data"></EjsListBox>
3030
</div>
3131
</div>
3232

@@ -44,7 +44,7 @@
4444
</style>
4545

4646
@code{
47-
List<object> data = new List<object>
47+
List<object> Data = new List<object>
4848
{
4949
new { text = "Hennessey Venom", id = "list-01" },
5050
new { text = "Bugatti Chiron", id = "list-02" },

‎ej2-blazor-samples/Pages/Forms/QueryBuilder/DefaultFunctionalities.razor‎

Lines changed: 69 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,69 @@
1-
@page "/QueryBuilder/DefaultFunctionalities"
2-
3-
@using Syncfusion.EJ2.RazorComponents.QueryBuilder
4-
5-
@*Hidden:Lines*@
6-
@using ej2_blazor_samples
7-
@{
8-
SampleBrowser.CurrentSampleName = SampleBrowser.Config.QueryBuilder[0].Name;
9-
SampleBrowser.CurrentControlName = "QueryBuilder";
10-
SampleBrowser.CurrentControlCategory = "Forms";
11-
SampleBrowser.CurrentControl = SampleBrowser.Config.QueryBuilder;
12-
SampleBrowser.ActionDescription = new string[] {
13-
@"This sample demonstrates the default functionalities of the Query Builder component. Click the plus button to add a group or conditions."
14-
};
15-
SampleBrowser.Description = new string[] {
16-
@"The Query Builder component is used to create or edit filters. You can edit filters by changing the fields.",
17-
@"In mobile mode, the component is shown vertically.",
18-
@"More information about Query Builder can be found in this
19-
<a target=""_blank"" href=""http://ej2.syncfusion.com/aspnetcore/documentation/query-builder/getting-started"">
20-
documentation section
21-
</a>."
22-
};
23-
}
24-
@*End:Hidden*@
25-
26-
<div class="col-lg-12 control-section">
27-
<EjsQueryBuilder ID="querybuilder" Width="70%" Rule="@rule" DataSource="@dataSource">
28-
<QueryBuilderColumns>
29-
<QueryBuilderColumn Field="EmployeeID" Label="Employee ID" Type="number"></QueryBuilderColumn>
30-
<QueryBuilderColumn Field="FirstName" Label="First Name" Type="string"></QueryBuilderColumn>
31-
<QueryBuilderColumn Field="TitleOfCourtesy" Label="Title Of Courtesy" Type="boolean" Values=@values></QueryBuilderColumn>
32-
<QueryBuilderColumn field="Title" label="Title" type="string"></QueryBuilderColumn>
33-
<QueryBuilderColumn field="HireDate" label="Hire Date" type="date" format="dd/MM/yyyy"></QueryBuilderColumn>
34-
<QueryBuilderColumn field="Country" label="Country" type="string"></QueryBuilderColumn>
35-
<QueryBuilderColumn field="City" label="City" type="string"></QueryBuilderColumn>
36-
</QueryBuilderColumns>
37-
</EjsQueryBuilder>
38-
</div>
39-
<style>
40-
.e-query-builder {
41-
margin: 0 auto;
42-
}
43-
</style>
44-
45-
@code{
46-
47-
public List<EmployeeView> dataSource = EmployeeView.GetAllRecords();
48-
QueryBuilderRule rule = new QueryBuilderRule()
49-
{
50-
Condition = "and",
51-
Rules = new List<QueryBuilderRule>()
52-
{
53-
new QueryBuilderRule { Label="Employee ID", Field="EmployeeID", Type="number", Operator="equal", Value = 1 },
54-
new QueryBuilderRule { Label="Title", Field="Title", Type="string", Operator="equal", Value = "Sales Manager" }
55-
}
56-
};
57-
58-
List<string> values = new List<string> { "Mr.", "Mrs." };
59-
}
1+
@page "/QueryBuilder/DefaultFunctionalities"
2+
3+
@using Syncfusion.EJ2.RazorComponents.QueryBuilder
4+
5+
@*Hidden:Lines*@
6+
@using ej2_blazor_samples
7+
@using ej2_blazor_griddata
8+
@{
9+
SampleBrowser.CurrentSampleName = SampleBrowser.Config.QueryBuilder[0].Name;
10+
SampleBrowser.CurrentControlName = "QueryBuilder";
11+
SampleBrowser.CurrentControlCategory = "Forms";
12+
SampleBrowser.CurrentControl = SampleBrowser.Config.QueryBuilder;
13+
SampleBrowser.ActionDescription = new string[] {
14+
@"This sample demonstrates the default functionalities of the Query Builder component. Click the plus button to add a group or conditions."
15+
};
16+
SampleBrowser.Description = new string[] {
17+
@"The Query Builder component is used to create or edit filters. You can edit filters by changing the fields.",
18+
@"In mobile mode, the component is shown vertically.",
19+
@"More information about Query Builder can be found in this
20+
<a target=""_blank"" href=""http://ej2.syncfusion.com/aspnetcore/documentation/query-builder/getting-started"">
21+
documentation section
22+
</a>."
23+
};
24+
}
25+
@*End:Hidden*@
26+
27+
<div class="col-lg-12 control-section">
28+
<EjsQueryBuilder ID="querybuilder" Width="70%" Rule="@Rule" DataSource="@DataSource">
29+
<QueryBuilderColumns>
30+
<QueryBuilderColumn Field="CustomerId" Label="CustomerId" Type="number"></QueryBuilderColumn>
31+
<QueryBuilderColumn Field="EmployeeId" Label="EmployeeId" Type="string"></QueryBuilderColumn>
32+
<QueryBuilderColumn Field="Verified" Label="Verified" Type="boolean" Values=@Values></QueryBuilderColumn>
33+
<QueryBuilderColumn Field="ShipName" Label="ShipName" Type="string"></QueryBuilderColumn>
34+
<QueryBuilderColumn Field="OrderDate" Label="OrderDate" Type="date" Format="dd/MM/yyyy"></QueryBuilderColumn>
35+
<QueryBuilderColumn Field="ShipCountry" Label="ShipCountry" Type="string"></QueryBuilderColumn>
36+
<QueryBuilderColumn Field="ShipAddress" Label="ShipAddress" Type="string"></QueryBuilderColumn>
37+
</QueryBuilderColumns>
38+
</EjsQueryBuilder>
39+
</div>
40+
<style>
41+
42+
.e-query-builder {
43+
margin: 0 auto;
44+
}
45+
</style>
46+
47+
@code{
48+
49+
50+
QueryBuilderRule Rule = new QueryBuilderRule()
51+
{
52+
Condition = "and",
53+
Rules = new List<QueryBuilderRule>
54+
()
55+
{
56+
new QueryBuilderRule { Label="CustomerId", Field="CustomerId", Type="number", Operator="equal", Value = 1001 },
57+
new QueryBuilderRule { Label="EmployeeId", Field="EmployeeId", Type="string", Operator="equal", Value = "FLKIN" }
58+
}
59+
};
60+
61+
public List<string> Values = new List<string> { "True", "False" };
62+
63+
public List<Orders> DataSource { get; set; }
64+
65+
protected override void OnInit()
66+
{
67+
DataSource = Orders.GetAllRecords();
68+
}
69+
}

‎ej2-blazor-samples/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
<div class="control-section">
1616
<div class="contextmenu-control">
1717
<div id="contextmenutarget">Right click/Touch hold to open the ContextMenu</div>
18-
<EjsContextMenu ID="contextmenu" Target="#contextmenutarget" Items="@menuItems"></EjsContextMenu>
18+
<EjsContextMenu ID="contextmenu" Target="#contextmenutarget" Items="@MenuItems"></EjsContextMenu>
1919
</div>
2020
</div>
2121
<style>
@@ -177,20 +177,20 @@
177177
</style>
178178

179179
@code{
180-
public List<object> menuItems { get; set; } = new List<object>
181-
{
182-
new { text="Cut", iconCss="e-cm-icons e-cut" },
183-
new { text="Copy", iconCss="e-cm-icons e-copy" },
184-
new {
185-
text ="Paste", iconCss="e-cm-icons e-paste",
186-
items = new List<object>
187-
{
188-
new { text = "Paste Text", iconCss = "e-cm-icons e-pastetext" },
189-
new { text = "Paste Special", iconCss = "e-cm-icons e-pastespecial" }
190-
}
191-
},
192-
new { separator= true},
193-
new { text = "Link", iconCss = "e-cm-icons e-link"},
194-
new { text = "New Comment", iconCss = "e-cm-icons e-comment"}
195-
};
196-
}
180+
public List<MenuItem> MenuItems { get; set; } = new List<MenuItem>
181+
{
182+
new MenuItem { Text="Cut", IconCss="e-cm-icons e-cut" },
183+
new MenuItem { Text="Copy", IconCss="e-cm-icons e-copy" },
184+
new MenuItem {
185+
Text ="Paste", IconCss="e-cm-icons e-paste",
186+
Items = new List<MenuItem>
187+
{
188+
new MenuItem { Text = "Paste Text", IconCss = "e-cm-icons e-pastetext" },
189+
new MenuItem { Text = "Paste Special", IconCss = "e-cm-icons e-pastespecial" }
190+
}
191+
},
192+
new MenuItem { Separator= true},
193+
new MenuItem { Text = "Link", IconCss = "e-cm-icons e-link"},
194+
new MenuItem { Text = "New Comment", IconCss = "e-cm-icons e-comment"}
195+
};
196+
}

0 commit comments

Comments
 (0)