Jquery Important Codes

/// <summary>

///----------Bind drpCondition_ dropdwon on the based of drpColumn1_ selected field.

/// </summary>

$(document).on('change', '[id^="drpColumn1_"]', function () {

var ids = this.id;

var id = ids.split('_')[1];

var drpDataType = $("#drpColumn1_" + id + " option:selected").attr("datatype");

switch (drpDataType) {

case 'string':

var appendData = '<option value="-1">Please Select Condition</option><option value="equals">equals</option><option value="not equal to">not equal to</option><option value="starts with">starts with</option><option value="end with">end with</option><option value="includes">includes</option><option value="excludes">excludes</option><option value="contains">contains</option><option value="does not contains">does not contains</option>';

$("#drpCondition_" + id).html(appendData);

break;

case 'int':

var appendData = '<option value="-1">Please Select Condition</option><option value="equals">equals</option><option value="not equal to">not equal to</option><option value="greater than">greater than</option><option value=" less than"> less than</option><option value="greater or equal">greater or equal</option><option value="less or equal">less or equal</option><option value="starts with">starts with</option><option value="contains">contains</option><option value="does not contains">does not contains</option>';

$("#drpCondition_" + id).html(appendData);

break;

}

});

/// <summary>

/// ----------------Adding more dynamically dropdown and text box and binding dropdown dynamically.

/// </summary>

$(document).ready(function () {

$("#btnadd").click(function () {

var counter = $("#HidCounter1").val();

var $clone = $("#drpColumn1_0").clone();

if (counter != 10) {

$('<p><tr ><td><select style="width: 68px" id="DrpOperator_' + counter + '" name="DrpOperator[' + counter + ']"><option value="AND">AND</option><option value="OR">OR</option></select></td>' + '<td><select style="width:180px;" id="drpColumn1_' + counter + '" name="drpColumn1[' + counter + ']">' + $clone.html() + '</select></td>' +

'<td><select style="width:190px;" id="drpCondition_' + counter + '" name="drpCondition[' + counter + ']"><option value="-1">Please Select Condition</option></select></td>' +

'<td><input style="width:120px; height:22px;" type="text" onkeypress="javascript:return AlphnumericCommaKeyAndAlpha(event)" id="txtCondition_' + counter + '" name="txtCondition[' + counter + ']"/></td><td> <input style="margin-bottom: 10px;" type="button" id="btndel_' + counter + '" class="btn" value="Remove" /></td></tr></p>').appendTo("#tablelist");

counter++;

$("#HidCounter1").val(counter);

return false;

}

else {

errMsgFoeLenght();

}

});

$(document).on('click', '[id^="btndel_"]', function () {

$(this).parent('p').remove();

var counter = $("#HidCounter1").val() - 1;

$("#HidCounter1").val(counter);

});

/// <summary>

/// ----------------Clear the dropdwon selected value on clear button click.

/// </summary>

// regular exp:- "^[\s\S]{5,8}$"

function minmax(value, min, max) {

if (parseInt(value) < 5 || isNaN(value))

return 5;

else if (parseInt(value) > 50)

return 50;

else return value;

}

/// <summary>

/// ----------------Clear the dropdwon selected value on clear button click.

/// </summary>

$(document).ready(function () {

$("#btnClear").click('[#tablelist p]', function () {

$('[id^=drpColumn1_]').find('option:first').attr('selected', 'selected');

$('[id^=drpCondition_]').find('option:first').attr('selected', 'selected');

$('[id^=txtCondition_]').val(''); DrpOperator_2

$('[id^=DrpOperator_]').find('option:first').attr('selected', 'selected');

});

/// <summary>

/// ----------------Create Five(5) dropdown dynamically on page.

/// </summary>

function CreateDynamicDrpDwon() {

var counter = $("#HidCounter1").val();

var $clone = $("#drpColumn1_0").clone();

for (i = counter; i < 5; i++) {

'<td><select style="width:190px;" id="drpCondition_' + counter + '" name="drpCondition[' + counter + ']"><option value="-1">Please Select Condition</option></select></td>' +

counter++;

$("#HidCounter1").val(counter);

}

/// <summary>

/// ----------------Validate view name textbox should accept Alphnumeric and three special character ("&","_","-").

/// </summary>

function isAlphnumericCommaKey(evt) {

var c = (evt.which) ? evt.which : event.keyCode

if (!((c >= 65 && c <= 90) || (c >= 97 && c <= 122) || (c >= 48 && c <= 57) || (c == 32) || (c == 45) || (c == 95)))

return false;

return true;

}

/// <summary>

/// ----------------Validate filter condition textbox should accept Alpha numeric, underscore, hyphen, period.

/// </summary>

function AlphnumericCommaKeyAndAlpha(evt) {

var c = (evt.which) ? evt.which : event.keyCode

if (!((c >= 65 && c <= 90) || (c >= 97 && c <= 122) || (c >= 48 && c <= 57) || (c == 32) || (c == 45) || (c == 95) || (c == 46) || (c == 64)))

return false;

return true;

}

</script>

/// <summary>

///------------function for Bind the Filter conditions, DropDownList Values and TextBox Data and condition.

/// </summary>

function BindFilterConditions() {

var counter = 1;

var viewid = $('#hidViewId').val();

$("#HidCounter1").val(1);

if (viewid > 0) {

$.ajax({

url: "CreateView.aspx/GetFilterConditions?ViewID=" + viewid,

data: {},

type: "POST",

dataType: "json",

contentType: "application/json;charset=utf-8",

success: function (data1) {

var $clone = $("#drpColumn1_0").clone();

var data = $clone.html();

var arr_val = JSON.parse(data1.d);

var opt_ddl = [];

for (var x = 0; x < arr_val.length; x++) {

if (x == 0) {

$("#drpColumn1_0").val(arr_val[x].FieldId);

var drpDataType = $("#drpColumn1_0 option:selected").attr("datatype");

switch (drpDataType) {

case 'string':

$("#drpCondition_0").html(appendData);

break;

case 'int':

var appendData = '<option value="-1">Please Select Condition</option><option value="equals">equals</option><option value="not equal to">not equal to</option><option value="greater than">greater than</option><option value=" less than"> less than</option><option value="greater or equal">greater or equal</option><option value="less or equal">less or equal</option><option value="starts with">starts with</option><option value="contains">contains</option><option value="does not contains">does not contains</option>';

$("#drpCondition_0").html(appendData);

break;

}

$("#drpCondition_0").val(arr_val[x].Condition);

$("#txtCondition_0").val(arr_val[x].TexBoxtData);

$("#DrpOperator_0").val(arr_val[x].Operator);

}

else {

//------Bind Column-------------

DrpColmValue = "<option value='" + arr_val[x].FieldId + "' selected=selected>" + arr_val[x].displayname + "</option>";

//------Bind operator Column-----

if (arr_val[x].Operator == 'AND')

DrpOperatortxt = '<option selected=selected value="AND">AND</option><option value="OR">OR</option> ';

if (arr_val[x].Operator == 'OR')

DrpOperatortxt = '<option value="AND">AND</option> <option selected=selected value="OR">OR</option>';

// ----Bind Condition Column----

else if (arr_val[x].Condition == 'contains')

DrpCondition = '<option value="-1">Please Select Condition</option><option selected=selected value="contains">contains</option> <option value="equals">equals</option> <option value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option value="less than">less than</option> <option value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option value="excludes">excludes</option> ';

else if (arr_val[x].Condition == 'equals')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option selected=selected value="equals">equals</option> <option value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option value="less than">less than</option> <option value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option value="excludes">excludes</option> ';

if (arr_val[x].Condition == 'not equal to')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option value="equals">equals</option> <option selected=selected value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option value="less than">less than</option> <option value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option value="excludes">excludes</option> ';

else if (arr_val[x].Condition == 'starts with')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option value="equals">equals</option> <option value="not equal to">not equal to</option> <option selected=selected value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option value="less than">less than</option> <option value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option value="excludes">excludes</option> ';

if (arr_val[x].Condition == 'does not contain')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option value="equals">equals</option> <option value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option selected=selected value="does not contain">does not contain</option> <option value="less than">less than</option> <option value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option value="excludes">excludes</option> ';

else if (arr_val[x].Condition == 'less than')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option value="equals">equals</option> <option value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option selected=selected value="less than">less than</option> <option value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option value="excludes">excludes</option> ';

if (arr_val[x].Condition == 'greater than')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option value="equals">equals</option> <option value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option value="less than">less than</option> <option selected=selected value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option value="excludes">excludes</option> ';

else if (arr_val[x].Condition == 'less or equal')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option value="equals">equals</option> <option value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option value="less than">less than</option> <option value="greater than">greater than</option> <option selected=selected value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option value="excludes">excludes</option> ';

if (arr_val[x].Condition == 'greater or equal')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option value="equals">equals</option> <option value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option value="less than">less than</option> <option value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option selected=selected value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option value="excludes">excludes</option> ';

else if (arr_val[x].Condition == 'includes')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option value="equals">equals</option> <option value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option value="less than">less than</option> <option value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option selected=selected value="includes">includes</option> <option value="excludes">excludes</option> ';

if (arr_val[x].Condition == 'excludes')

DrpCondition = '<option value="-1">Please Select Condition</option><option value="contains">contains</option> <option value="equals">equals</option> <option value="not equal to">not equal to</option> <option value="starts with">starts with</option> <option value="does not contain">does not contain</option> <option value="less than">less than</option> <option value="greater than">greater than</option> <option value="less or equal">less or equal</option> <option value="greater or equal">greater or equal</option> <option value="includes">includes</option> <option selected=selected value="excludes">excludes</option> ';

data = data.replace('selected=selected', '');

//data = data.replace("<option datatype=\"" + arr_val[x].datatype + "\">, value=\"" + arr_val[x].FieldId + "\">" + arr_val[x].displayname + "</option>", "<option datatype=\"" + arr_val[x].datatype + "\">, value=\"" + arr_val[x].FieldId + "\" selected=selected>" + arr_val[x].displayname + "</option>");

$('<p><tr ><td><select style="width: 68px" id="DrpOperator_' + counter + '" name="DrpOperator[' + counter + ']">' + DrpOperatortxt + '</select></td>' +

'<td><select style="width:180px;" id="drpColumn1_' + counter + '" name="drpColumn1[' + counter + ']">' + data +'</select></td>' +

'<td><select style="width:190px;" id="drpCondition_' + counter + '" name="drpCondition[' + counter + ']">' + DrpCondition + '</select></td>' +

'<td><input style="width:120px; height:22px;" type="text" onkeypress="javascript:return AlphnumericCommaKeyAndAlpha(event)" value=' + arr_val[x].TexBoxtData + ' id="txtCondition_' + counter + '" name="txtCondition[' + counter + ']"/></td><td> <input style="margin-bottom: 10px;" type="button" id="btndel_' + counter + '" class="btn" value="Remove" /></td></tr></p>').appendTo("#tablelist");

$("#drpColumn1_" + counter).val(arr_val[x].FieldId);

counter++;

}

$("#HidCounter1").val(counter);

CreateDynamicDrpDwon();

failure: function () {

error();

}

});

}

else {

CreateDynamicDrpDwon();

}

/// <summary>

///------------function for Bind the Dispaly Fields while editing during the page.

/// </summary>

function BindDispalyFields() {

var counter = 1;

$('#Div1').html('');

var viewid = $('#hidViewId').val();

if (viewid > 0) {

$.ajax({

url: "CreateView.aspx/GetDispalyFields?ViewID=" + viewid,

data: {},

type: "POST",

dataType: "json",

contentType: "application/json;charset=utf-8",

success: function (data1) {

var arr_val = JSON.parse(data1.d);

for (var x = 0; x < arr_val.length; x++) {

var $clone = $("#div_columnname").clone();

$clone.attr('id', 'div_' + arr_val[x].displayname);

$clone.find("#imgdisplay").attr('id', 'imgdisplay_' + arr_val[x].displayname);

$clone.find("#columnName").attr('id', arr_val[x].displayname);

$clone.find("#btn_div").attr('id', arr_val[x].FieldId);

$clone.find("#condMatch").attr('id', 'condMatch_' + arr_val[x].displayname);

$clone.find(".colummnName").html(arr_val[x].displayname);

$clone.find("#divadd_name").attr('id', 'divadd_' + arr_val[x].FieldId);

$clone.find("#imgCondition_name").attr('id', 'imgCondition_' + arr_val[x].displayname);

$("#" + arr_val[x].FieldId).hide();

$clone.appendTo('#showDragnDrop').show();

$("#Div1").append(arr_val[x].FieldId + ",");

}

failure: function () {

error();

}

});

}

/// <summary>

/// ---------seeting for small add button of column name div.

/// </summary>

$(document).on('mouseenter', '.divStyle', function (id) {

$(this).find('.btn').show();

});

$(document).on('mouseleave', '.divStyle', function (id) {

$(this).find('.btn').hide();

});

$(document).ready(function () {

$("#ddlMailingList").chosen();

});

$(document).on('click', "#ddlMailingList_chzn", function () {

$(this).children().removeClass('errorClass');

});

$(document).on('click', '[id^=divClick]', function () {

var ids = (this.id).split('_');

var id = "imgdisplay_" + ids[1];

if (!$("#" + id).hasClass('opened')) {

$("#" + id).attr('src', '../images/minus_ls.gif');

$("#" + id).addClass('opened');

$("#" + id).parent().parent().parent().css('background-color', '#d9edf7');

$("#" + id).parent().parent().first().css('background-color', '#d9edf7');

$("#" + ids[1]).slideDown();

}

else {

$("#" + id).attr('src', '../images/plus.png');

$("#" + ids[1]).slideUp();

$("#" + id).removeClass('opened');

$("#" + id).parent().parent().parent().css('background-color', '');

$("#" + id).parent().parent().first().css('background-color', '');

}

});

/// <summary>

///------------function for get the text and dropdown value for saving.

/// </summary>

function GetTxtAndDrpVal() {

var pp = validateme();

$("#Div1").each(function () {

element += $(this).html() + ",";

});

var count = 0;

var AllData = [];

var lenth = 0;

$("#tablelist p").each(function () {

var drpOperatortxt = "";

if (lenth != 0) drpOperatortxt = $(this).find('[id^="DrpOperator_"] ').val();

var drpColumnId = $(this).find('[id^="drpColumn1_"] ').val();

var drpConditionValue = $(this).find('[id^="drpCondition_"] ').val();

var txtconditiontxt = $(this).find("input[type=text]").attr('value');

if (drpColumnId == "-1" && drpConditionValue == "-1" && txtconditiontxt == "") {

if (lenth == 0) {

count = 1;

return false;

}

lenth++;

}

else if (drpColumnId == "-1" || drpConditionValue == "-1" || txtconditiontxt == "") {

count = 2;

lenth++;

return false;

}

else {

AllData.push(drpOperatortxt + "-" + drpColumnId + "-" + drpConditionValue + "-" + txtconditiontxt);

lenth++;

}

});

var df = element;

df = df.replace(/\,/g, '');

df = df.replace(/undefined/g, '')

if (count == 1) {

FilterConditionValid("Please add at least one Filter conditions.");

return false;

}

else if (count == 2) {

FilterConditionValid("Please fill all fields of Filter conditions.");

return false;

}

if (pp == true && df != "" && df != "undefined,") {

var viewName = $("#txtViewName").attr('value');

var IsDefault = $("#chkIsDefault").attr("checked") ? 1 : 0;

var element = "";

$("#Div1").each(function () {

element += $(this).html() + ",";

});

var viewid = $('#hidViewId').val();

var parameters = "{'AllData':'" + AllData + "','viewName':'" + viewName + "','defaultValue':'" + IsDefault +"','columns':'" + element + "','Id':'" + viewid + "'}";

$.ajax({

url: "CreateView.aspx/InsertCreareViewName",

data: parameters,

type: "POST",

dataType: "json",

cache: false,

contentType: "application/json;charset=utf-8",

success: function (data1) {

if (data1.d == "DuplicateViewName") {

DuplicateViewName();

}

else {

if (viewid == "") {

//If viewid is blank,show msg view name is created sucessfully.

window.location.href = "Leads.aspx?CreateView=Create";

}

else {

//If viewid is not blank,show msg view name is updated sucessfully.

window.location.href = "Leads.aspx?CreateView=Update";

}

failure: function () {

error();

}

});

}

else {

FilterConditionValid("Please add the column name from the right hand side to Dispaly Fields");

}

/// <summary>

///----------Check Max characters for a view name max should be 40.

/// </summary>

$('#txtViewName').live('keyup', function (textBox, e, maxLength) {

var VNameLength = $(this).val().length;

var VNametext = $(this).val();

if (VNameLength > 39) {

alert("You can enter max 40 character.");

return true;

}

else {

return false;

}

});

/// <summary>

///----------Call GetTxtAndDrpVal() on Both Save Button Click(Top Save button and Bottom save button).

/// </summary>

$(document).ready(function () {

$('#btnSave').click(function () {

GetTxtAndDrpVal();

});

$(document).ready(function () {

$('#btnSave1').click(function () {

GetTxtAndDrpVal();

});

/// <summary>

///----------Function and AJAX method for Binding the Columns.

/// </summary>

$(document).ready(function () {

$.ajax({

url: "CreateView.aspx/Binddiv",

data: {},

type: "POST",

dataType: "json",

contentType: "application/json;charset=utf-8",

success: function (data1) {

$("#divSource").append(data1.d);

failure: function () {

error();

}

});

/// <summary>

///----------Bind Defautl dropdwon of coloum on page.

/// </summary>

$(document).ready(function () {

$.ajax({

url: "CreateView.aspx/LoadCreateView",

data: {},

type: "POST",

dataType: "json",

contentType: "application/json;charset=utf-8",

success: function (data1) {

var arr_val = JSON.parse(data1.d);

var opt_ddl = [];

for (var x = 0; x < arr_val.length; x++) {

opt_ddl.push("<option dataType=" + arr_val[x].dataType + " value=" + arr_val[x].id + ">" + arr_val[x].displayname + "</option>");

}

$("#drpColumn1_0").append(opt_ddl);

var appendData = '<option value="-1">Please Select Condition</option>';

$("#drpCondition_0").html(appendData);

BindFilterConditions();

BindDispalyFields();

failure: function () {

error();

}

});

/// <summary>

///----------Calling ajax at load time to Display Coloumn.

/// </summary>

$(document).ready(function () {

$("#ddlMailingList").change(function () {

$('#Div1').html('');

$.ajax({

url: "CreateView.aspx/Binddiv",

data: {},

type: "POST",

dataType: "json",

contentType: "application/json;charset=utf-8",

success: function (data1) {

$("#divSource").html('');

$("#divSource").append(data1.d);

failure: function () {

error();

}

});

$("#showDragnDrop").find($('div')).remove();

$("#ddlMailingList_chzn").children().removeClass('errorClass');

if ($(this).val() != -1) {

$.ajax({

url: "CreateView.aspx/AddColumnToDispalyField",

data: {},

type: "POST",

dataType: "json",

contentType: "application/json;charset=utf-8",

success: function (data1) {

if (data1.d == "NoData") {

// nodata do nothing

}

else if (data1.d == 'error') {

//error handling

}

else {

DisplayConditions(data1.d);

}

failure: function () {

error();

}

});

}

});

/// <summary>

///----------Function for changing the image and For Slideup and SlideDown.

/// </summary>

function Display(id) {

var ids = id.split('_');

if (!$("#" + id).hasClass('opened')) {

$("#" + id).attr('src', '../images/minus_ls.gif');

$("#" + id).addClass('opened');

$("#" + id).parent().parent().parent().css('background-color', '#d9edf7');

$("#" + id).parent().parent().first().css('background-color', '#d9edf7');

$("#" + ids[1]).slideDown();

}

else {

$("#" + id).attr('src', '../images/plus.png');

$("#" + ids[1]).slideUp();

$("#" + id).removeClass('opened');

$("#" + id).parent().parent().parent().css('background-color', '');

$("#" + id).parent().parent().first().css('background-color', '');

}

/// <summary>

///----------Function to show error.

/// </summary>

function error() {

var $alertdiv = $('<div id = "alertmsg" />');

$alertdiv.text("Please select a valid User Name.");

$alertdiv.bind('click', function () {

$(this).slideUp(200);

$("#alertmsg").remove();

});

$(document.body).append($alertdiv);

$("#alertmsg").slideDown("slow");

setTimeout(function () {

$alertdiv.slideUp(200);

$("#alertmsg").remove();

}, 3000);

}

/// <summary>

///----------Function to show error for Filter Condition.

/// </summary>

function FilterConditionValid(msg) {

$('#aaaalertmsg').html('');

$('#aaaalertmsg').append(msg);

$('#aaaalertmsg').show();

$('#aaaalertmsg').dialog({

resizable: false,

height: 180,

width: 450,

modal: true,

buttons: {

"Okay": function () {

$(this).dialog("close");

}

});

}

/// <summary>

///----------Function to show error.

/// </summary>

function errormssg() {

$('#aaaalertmsg').html('');

$('#aaaalertmsg').append("Please add the column name from the right hand side to Dispaly Fields.");

$('#aaaalertmsg').show();

$('#aaaalertmsg').dialog({

resizable: false,

height: 180,

width: 450,

modal: true,

buttons: {

"Okay": function () {

$(this).dialog("close");

}

});

}

/// <summary>

///----------fuction for duplicate view name.

/// </summary>

function DuplicateViewName() {

$('#aaaalertmsg').html('');

$('#aaaalertmsg').append("View Name is allready exits.");

$('#aaaalertmsg').show();

$('#aaaalertmsg').dialog({

resizable: false,

height: 180,

width: 450,

modal: true,

buttons: {

"Okay": function () {

$(this).dialog("close");

}

});

}

/// <summary>

///----------fuction for show if Filter Condition is more than 5.

/// </summary>

function errMsgFoeLenght() {

$('#errforfiltercondition').html('');

$('#errforfiltercondition').append("Filter Condition Should not more than ten.");

$('#errforfiltercondition').show();

$('#errforfiltercondition').dialog({

resizable: false,

height: 180,

width: 450,

modal: true,

buttons: {

"Okay": function () {

$(this).dialog("close");

}

});

}

/// <summary>

///----------Method for adding the Column name in dispaly fieid.

/// </summary>

$(function () {

$(document).on('click', '[id^=btn_]', function () {

var ItmID = (this.id).split('_')[1];

var ItmName = $(this).parent().attr('displayname');

var element = "";

$("#Div1").each(function () {

element += $(this).html() + ",";

});

var arrelement = element.split(',');

if (arrelement.length > 0) {

for (var i = 0; i < arrelement.length; i++) {

if ($.trim(arrelement[i]) == ItmID) {

alert('Duplicate Column is not allowed');

return;

}

$("#Div1").append(ItmID + ",");

$("#" + ItmID).hide();

// Making Clone of Div to add it Dynamically

var $clone = $("#div_columnname").clone();

$clone.attr('id', 'div_' + ItmName);

$clone.find("#imgdisplay").attr('id', 'imgdisplay_' + ItmName);

$clone.find("#columnName").attr('id', ItmName);

$clone.find("#btn_div").attr('id', ItmID);

$clone.find("#condMatch").attr('id', 'condMatch_' + ItmName);

$clone.find(".colummnName").html(ItmName);

$clone.find("#divadd_name").attr('id', 'divadd_' + ItmID);

$clone.find("#imgCondition_name").attr('id', 'imgCondition_' + ItmName);

$clone.appendTo('#showDragnDrop').show();

$(this.id).attr('disabled', 'disabled');

});

/// <summary>

///----------Function for Removing the Div

/// </summary>

$(document).on('click', '.close', function (id) {

var ids = this.id;

var success = true;

var elen = $(this).parent().parent().attr('id');

if ($("#AddCondition_" + elen.split('_')[1]).children().length == 1) {

$("#AddCondition_" + elen.split('_')[1]).children().find("input[type=text]").each(function () {

if ($(this).val() == '') {

success = false;

}

});

}

if (success) {

var a = $("#Div1").html();

var b = a.replace(ids, '');

$("#Div1").html(b);

$("#" + (ids)).parent().parent().remove();

$("#" + (ids)).show();

}

});

/// <summary>

///----------Order the display.

/// </summary>

$(document).ready(function () {

var selected = 0;

$(document).on("click", "#showDragnDrop > div", function () {

selected = $(this).index();

//alert(selected);

$('.divcolor').removeClass('divcolor'); ;

$(this).addClass('divcolor');

});

//Move to up

$("#up").click(function (e) {

var itemlist = $('#showDragnDrop');

var len = $(itemlist).children().length;

// alert(selected);

e.preventDefault();

if (selected > 1) {

jQuery($(itemlist).children().eq(selected - 1)).before(jQuery($(itemlist).children().eq(selected)));

OrderList(selected, 'up');

selected = selected - 1;

}

});

//Move to down

$("#down").click(function (e) {

var itemlist = $('#showDragnDrop');

var len = $(itemlist).children().length;

//alert(selected);

e.preventDefault();

if (selected < len) {

jQuery($(itemlist).children().eq(selected + 1)).after(jQuery($(itemlist).children().eq(selected)));

OrderList(selected, 'down');

selected = selected + 1;

}

});

//Move to top

$("#top").click(function (e) {

var itemlist = $('#showDragnDrop');

var len = $(itemlist).children().length;

//alert(selected);

e.preventDefault();

if (selected < len && selected > 1) {

jQuery($(itemlist).children().eq(1)).before(jQuery($(itemlist).children().eq(selected)));

OrderList(selected, 'top');

selected = 1;

}

});

//Move to bottom

$("#bottom").click(function (e) {

var itemlist = $('#showDragnDrop');

var len = $(itemlist).children().length;

//alert(selected);

e.preventDefault();

if (selected < len - 1) {

jQuery($(itemlist).children().eq(len - 1)).after(jQuery($(itemlist).children().eq(selected)));

OrderList(selected, 'bottom');

selected = len - 1;

}

});

function OrderList(selected, order) {

var idList = $("#Div1").html();

var arry = idList.split(',');

switch (order) {

case 'top':

var temp = arry[0];

arry[0] = arry[selected - 1];

arry[selected - 1] = temp;

break;

case 'bottom':

var temp = arry[arry.length - 2];

arry[arry.length - 2] = arry[selected - 1];

arry[selected - 1] = temp;

break;

case 'up':

var temp = arry[selected - 2];

arry[selected - 2] = arry[selected - 1];

arry[selected - 1] = temp;

break;

case 'down':

var temp = arry[selected - 1];

arry[selected - 1] = arry[selected];

arry[selected] = temp;

break;

}

$("#Div1").html('');

var element = '';

for (var i = 0; i < arry.length - 1; i++) {

element = element + arry[i] + ',';

}

$("#Div1").html(element);

}

DotNet-Jitendra(Asp.Net, C#, Sql Server, Linq, Ajax, Javascript, jQuery, Xml, MVC)

Menu

Thursday, 6 November 2014

Jquery Important Codes

No comments:

Post a Comment