<div id="ControlRegion">
@Html.EJ().Button("button").Size(ButtonSize.Small).ContentType(ContentType.ImageOnly).PrefixIcon("e-icon e-handup")
</div>
<script>
$("#button").ejTooltip({ content: "Toltip text" });
</script>
This approach does not seem to work for the buttons in the Grid. I tried (using the debugger) to get the html id of the buttons and then use as show above, but that also does not work.
How should I approach this problem? Any help and ideas are welcome!
Regards,
Pieter
@(Html.EJ().Grid<EmployeeView>("MasterGrid")
-----------------------
.Columns(col =>
{
col.Field("EmployeeID").HeaderText("Employee ID").IsPrimaryKey(true).TextAlign(TextAlign.Right).Width(100).Add();
col.Field("FirstName").HeaderText("First Name").Width(100).Add();
col.Width(100).Commands(command =>
{
command
.Type("btn1")
.ButtonOptions(new Syncfusion.JavaScript.Models.ButtonProperties()
{
Click = "onClick",
PrefixIcon = "e-icon e-handup",
ContentType = ContentType.ImageOnly,
Size = ButtonSize.Mini,
}).Add();
command
.Type("btn2")
.ButtonOptions(new Syncfusion.JavaScript.Models.ButtonProperties()
{
Click = "onClick",
PrefixIcon = "e-icon e-handup",
ContentType = ContentType.ImageOnly,
Size = ButtonSize.Mini
}).Add();
command
.Type("btn3")
.ButtonOptions(new Syncfusion.JavaScript.Models.ButtonProperties()
{
Click = "onClick",
PrefixIcon = "e-icon e-handup",
ContentType = ContentType.ImageOnly,
Size = ButtonSize.Mini
}).Add();
}).Add();
})
.ClientSideEvents(eve => { eve.DataBound("dataBound"); })
)
<script type="text/javascript">
function dataBound(args) {
this.element.find(".e-button").ejTooltip({ content: "Toltip text" });
}
</script> |