SoFunction
Updated on 2025-03-01

Ideas and code for color change of JS keywords


<script type="text/javascript">
$(function () {
$('#tt').datagrid({
url: '@("~/Domain/LoadDomainAdmin")',
width: "90%",
height: 400,
fitColumns: true,
nowrap: false,
idField: 'UserID',
pagination: true,
pageNumber: 1,
singleSelect: true,
frozenColumns: [[{ field: 'radio', formatter: function (value, row, index) {
return '<input type="radio" name="rd_action" />';
}
}]],
columns: [[
{ field: 'UserID', title: 'UserID', width: 260, hidden: 'true' },
{ field: 'LoginName', title: '@', width: 180, align: 'left', formatter: function (data) {
//return "<div class='hiddenFontGommom' style='text-align:left;'>" + data + "</div>";
return GetNewData(data);
}
},
{ field: 'FirstName', title: '@', width: 120, align: 'left', formatter: function (data) {
//return "<div style='text-align:left;' title=" + data + ">" + data + "</div>";
return GetNewData(data);
// var keyword = $.trim($("#txtInfo").val()) == '@' ? "" : $.trim($("#txtInfo").val());
// if (keyword == "") {
// return "<div style='text-align:left;' title=" + data + ">" + data + "</div>";
// }
// else {
// var returnData = "";
// $.ajax({
// type: "POST",
// url: '@("~/Domain/HighlightText")' + "?inputText=" + data + "&searchWord=" + keyword,
// async: false,
// success: function (newdata) {
// //Reassign value
// returnData = newdata;
// },
// error: function () {
// //Do not modify the returnData value
// }
// });
// return "<div style='text-align:left;' title=" + data + ">" + returnData + "</div>";
// }
}
},
{ field: 'LastName', title: '@', width: 120, align: 'left', formatter: function (data) {
//return "<div style='text-align:left;' title=" + data + ">" + data + "</div>";
return GetNewData(data);
}
},
{ field: 'Email', title: '@', width: 180, align: 'left', formatter: function (data) {
return "<div class='hiddenFontGommom' style='text-align:left;' title=" + data + ">" + data + "</div>";
}
},
// { field: 'Domian', title: '@', width: 180, align: 'left', formatter: function (data) {
// return "<div style='text-align:left;' title=" + data + ">" + data + "</div>";
// }
// },
// { field: 'Role', title: '@', width: 180, align: 'left', formatter: function (data) {
// return "<div style='text-align:left;' class='hiddenFontGommom' title=" + (" ", "").replace(" ", "") + ">" + data + "</div>";
// }
// },
// {field: 'IsEnabled', title: '@', align: 'center', width: 150, formatter: function (val) {
// if (val == true)
// return "<div class='devicetypes_a_box'>True</div>";
// else
// return "<div class='devicetypes_a_box'>False</div>";
// }
// }
]],
onBeforeLoad: function (row, param) {
//Remove the head batch check box
$(".datagrid-header-check input").css("visibility", "hidden");
//Hide paging
//$(".datagrid-pager").css("display", "none");
//$(".datagrid-pager").removeClass("datagrid-pager");
return true;
},
onLoadSuccess: function (data) {
if ( == 0) {
$(".datagrid-view2 .datagrid-body").html("<div style='text-align:center; margin-top:0px; height:50px;'>" + userManage_index_SearchMsg + "</div>");
}
else {
$('#tt').datagrid('selectRecord', '@');
$("input[name=rd_action]", $("-view1 -row-selected")).attr("checked", "checked");
}
$("-header-check input").removeAttr("checked"); //Remove the check box when reloading
//$('#tt').datagrid('unselectAll');
var queryParams = $('#tt').datagrid('options').queryParams;
= "NO";
= $("#xDomainId").val();
$('#tt').datagrid('options').queryParams = queryParams;
},
// onSelect: function () {
// ChSelect();
// },
// onUnselect: function () {
// ChSelect();
// },
onClickRow: function (row) {
$("input[name=rd_action]", $("-view1 -row-selected")).attr("checked", "checked");
}
});
var p = $('#tt').datagrid('getPager');
$(p).pagination({
pageNumber: 1,
pageSize: 10, //The number of records displayed on each page is 10 by default
pageList: [5, 10, 15], //Can set a list of records per page
displayMsg: "" //'Currently displayed {from} - {to} records Total {total} records',
});
$("#btn_search").click(function () {
$("#importErrorMsg").find("div").css("display", "none");
var queryParams = $('#tt').datagrid('options').queryParams;
= $.trim($("#txtInfo").val()) == '@' ? "" : $.trim($("#txtInfo").val());
= "YES";
$('#tt').datagrid('options').queryParams = queryParams;
$("#tt").datagrid('reload');
var p = $('#tt').datagrid('getPager');
$(p).pagination({
pageNumber: 1,
pageList: [5, 10, 15], //Can set a list of records per page
displayMsg: "" //'Currently displayed {from} - {to} records Total {total} records',
});
})
$(".pagination-num").keydown(function (event) {
var event = event || ;
if ( == 13)
= 9;
if (( < 48 || > 57) && != 8 && != 46 && ( < 96 || > 105)) {
();
= false;
}
});
$(".datagrid-cell").css("textAlign", "center"); //Center the content of the table header
});
function ChSelect() {
// var row = $('#tt').datagrid('getChecked');
// var rows = $('#tt').datagrid('getRows');
// == ? $("-header-check input").attr("checked", true) : $("-header-check input").removeAttr("checked");
}
function GetNewData(data) {
var keyword = $.trim($("#txtInfo").val()) == '@' ? "" : $.trim($("#txtInfo").val());
if (keyword == "") {
return "<div style='text-align:left;' title=" + data + ">" + data + "</div>";
}
else {
var returnData = "";
$.ajax({
type: "POST",
url: '@("~/Domain/HighlightText")' + "?inputText=" + data + "&searchWord=" + keyword,
async: false,
success: function (newdata) {
//Reassign value
returnData = newdata;
},
error: function () {
//Do not modify the returnData value
}
});
return "<div style='text-align:left;' title=" + data + ">" + returnData + "</div>";
//The data in the title should be separated from the data behind it. Do not return the data in the background, and the data in the title will also change.
}
}
</script>