Click here to Skip to main content
15,906,645 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I have a RadTabStrip on a page with 8 tabs and a Rad MultiPage Viewer with 8 page viewers.

Each page viewer has about 10-15 rad controls.

On the click of a button if any field is left blank on any page, the correspoding tab shud get selected, so that user can view the page where a field is left blank.

All this i want to do in javascript...
Posted

Vivek,

Why don't you ask this in their forum[^]?

BTW, you can iterate all controls and check whether its blank or not and get corresponding tab and active that tab.
 
Share this answer
 
v2
Comments
vivek_cool 11-Aug-11 1:14am    
if you know the answer then tell me... I already tried their.. before u told me..
thanks
thatraja 11-Aug-11 2:16am    
You can get more response from them because you are paying for those components, are you?
vivek_cool 11-Aug-11 1:24am    
Are yar This logic is i know But, How we can apply this That I am looking Only Please Help Me if You Know
OnClientTabSelecting="onBeforeClientTabClicked"


function onBeforeClientTabClicked(sender, eventArgs) {

var lbl_part_id = document.getElementById("lbl_part_id");
if (lbl_part_id.innerText != "") {
if (sender.get_selectedTab().get_text() == "Specifications") {

var description = $find("<%=txt_description.ClientID%>");
if (description.get_value() == "") {
alert("Enter Description !");
description.focus();
eventArgs.set_cancel(true);
return
}
var rad_cmb_UOM = $find("<%=rad_cmb_UOM.ClientID%>");
var input = rad_cmb_UOM.get_inputDomElement();
if (rad_cmb_UOM.get_text() == "----Select----") {
alert("Select UOM Type !");
input.focus();
eventArgs.set_cancel(true);
return
}

var part_code = $find("<%=txt_part_code.ClientID%>");
if (part_code.get_value() == "") {
alert("Enter Part code !");
part_code.focus();
eventArgs.set_cancel(true);
return
}

var UPC = $find("<%=txt_UPC.ClientID%>");

if (UPC.get_value() == "") {
alert("Enter UPC Code !");
UPC.focus();
eventArgs.set_cancel(true);
return
}


var rad_cmp_tracking_type = $find("<%=rad_cmp_tracking_type.ClientID%>");
var inputrad_cmp_tracking_type = rad_cmp_tracking_type.get_inputDomElement();
if (rad_cmp_tracking_type.get_text() == "----Select----") {
alert("Select Tracking Type !");
inputrad_cmp_tracking_type.focus();
eventArgs.set_cancel(true);
return
}
var rad_cmb_part_type = $find("<%=rad_cmb_part_type.ClientID %>");
var inputrad_cmb_part_type = rad_cmb_part_type.get_inputDomElement();
if (rad_cmb_part_type.get_text() == "----Select----") {
alert("Select Part Type !");
inputrad_cmb_part_type.focus();
eventArgs.set_cancel(true);
return
}
var tab = eventArgs.get_tab();
var attributes = tab.get_attributes();
var mastertab = $find("<%=RadTabforExpenseandItems.ClientID %>")
var Costtab = mastertab.findTabByText("Cost");
var Costtabattributes = Costtab.get_attributes();
var Pricetab = mastertab.findTabByText("Price");
var Pricetabattributes = Pricetab.get_attributes();
var Baltab = mastertab.findTabByText("Opening Balance");
var Baltabattributes = Baltab.get_attributes();
var Vendorstab = mastertab.findTabByText("Vendors");
var Vendorstabattributes = Vendorstab.get_attributes();
var HFmode = document.getElementById("HFmode");
if (HFmode.value != "Edit") {
if (eventArgs._tab._getData().text != "Cost") {
if (eventArgs._tab._getData().text == "Price" && Costtabattributes.getAttribute("state") != "visiting") {
eventArgs.set_cancel(true);
return
}

else if (eventArgs._tab._getData().text == "Opening Balance" && Pricetabattributes.getAttribute("state") != "visiting") {
eventArgs.set_cancel(true);
return
}
else if (eventArgs._tab._getData().text == "Vendors" && Baltabattributes.getAttribute("state") != "visiting") {
eventArgs.set_cancel(true);
return
}
}
}
}

if (sender.get_selectedTab().get_text() == "Cost") {
var rad_cmb_curr = $find("<%=rad_cmb_cost_currency.ClientID %>");
var inputrad_cmb_curr = rad_cmb_curr.get_inputDomElement();
if (rad_cmb_curr.get_text() == "----Select----") {
alert("Select Cost Currency !");
inputrad_cmb_curr.focus();
eventArgs.set_cancel(true);
return
}
var txt_cost = $find("<%=txt_cost.ClientID%>");
if (txt_cost.get_value() == "") {
alert("Enter Cost !");
txt_cost.focus();
eventArgs.set_cancel(true);
return
}
var tab = eventArgs.get_tab();
var attributes = tab.get_attributes();
var mastertab = $find("<%=RadTabforExpenseandItems.ClientID %>")
var Pricetab = mastertab.findTabByText("Price");
var Pricetabtabattributes = Pricetab.get_attributes();
var Baltab = mastertab.findTabByText("Opening Balance");
var Baltabattributes = Baltab.get_attributes();
var Vendorstab = mastertab.findTabByText("Vendors");
var Vendorstabattributes = Vendorstab.get_attributes();
// if (eventArgs._tab._getData().text != "Price" && attributes.getAttribute("state") != "visiting" && Pricetabtabattributes.getAttribute("state") != "visiting" && Baltabattributes.getAttribute("state") != "visiting" && Vendorstabattributes.getAttribute("state") != "visiting") {
// eventArgs.set_cancel(true);
// return
//
var HFmode = document.getElementById("HFmode");
if (HFmode.value != "Edit") {
if (eventArgs._tab._getData().text != "Price") {

if (eventArgs._tab._getData().text == "Opening Balance" && Pricetabtabattributes.getAttribute("state") != "visiting") {
eventArgs.set_cancel(true);
return
}
else if (eventArgs._tab._getData().text == "Vendors" && Baltabattributes.getAttribute("state") != "visiting") {
eventArgs.set_cancel(true);
return
}
}
}

}
if (sender.get_selectedTab().get_text() == "Price") {
var rad_cmb_Price_Currency = $find("<%=rad_cmb_Price_Currency.ClientID %>");
var inputrad_cmb_Price_Currency = rad_cmb_Price_Currency.get_inputDomElement();
if (rad_cmb_Price_Currency.get_text() == "----Select----") {
alert("Select Price Currency !");
inputrad_cmb_Price_Currency.focus();
eventArgs.set_cancel(true);
return
}
var txt_Price = $find("<%=txt_Price.ClientID%>");
if (txt_Price.get_value() == "") {
alert("Enter Price !");
txt_Price.focus();
eventArgs.set_cancel(true);
return
}
var tab = eventArgs.get_tab();
var attributes = tab.get_attributes();
var mastertab = $find("<%=RadTabforExpenseandItems.ClientID %>")

var Baltab = mastertab.findTabByText("Opening Balance");
var Baltabattributes = Baltab.get_attributes();
var Vendorstab = mastertab.findTabByText("Vendors");
var Vendorstabattributes = Vendorstab.get_attributes();
// if (eventArgs._tab._getData().text != "Opening Balance" && attributes.getAttribute("state") != "visiting" && Baltabattributes.getAttribute("state") != "visiting" && Vendorstabattributes.getAttribute("state") != "visiting") {
// eventArgs.set_cancel(true);
// return
//
var HFmode = document.getElementById("HFmode");
if (HFmode.value != "Edit") {
if (eventArgs._tab._getData().text != "Opening Balance") {

if (eventArgs._tab._getData().text == "Vendors" && Baltabattributes.getAttribute("state") != "visiting") {
eventArgs.set_cancel(true);
return
}
}
}
}
if (sender.get_selectedTab().get_text() == "Opening Balance") {
var PnlOpBal = document.getElementById("<% =PnlOpBal.ClientID %>")
if (PnlOpBal.style.className == "show") {
var rad_cmb_curr = $find("<%=rad_cmb_loc.ClientID %>");
var inputrad_cmb_curr = rad_cmb_curr.get_inputDomElement();
if (rad_cmb_curr.get_enabled() == true) {
if (rad_cmb_curr != null) {
if (rad_cmb_curr.get_text() == "----Select----") {
alert("Select Location !");
if (rad_cmb_curr.get_enabled() == true) {
inputrad_cmb_curr.focus();
}
eventArgs.set_cancel(true);
return
}
}

}
var txt_Opening_qty = $find("<%=txt_Opening_qty.ClientID%>");
if (txt_Opening_qty != null) {
if (rad_cmb_curr.get_enabled() == true) {
if (txt_Opening_qty.get_value() == "") {
alert("Enter Quantity !");
txt_Opening_qty.focus();
eventArgs.set_cancel(true);
return
}
}
}
var rad_cmp_tracking_type = $find("rad_cmp_tracking_type");
var txt_serial_no = $find("<%=txt_serial_no.ClientID%>");
if (txt_serial_no != null) {
if (rad_cmb_curr.get_enabled() == true) {
if (rad_cmp_tracking_type.get_value() == 1 && txt_serial_no.get_value() == "") {
alert("Enter Serial # !");
txt_serial_no.focus();
eventArgs.set_cancel(true);
return
}
}
}
var tab = eventArgs.get_tab();
var attributes = tab.get_attributes();
var mastertab = $find("<%=RadTabforExpenseandItems.ClientID %>")
var Vendorstab = mastertab.findTabByText("Vendors");
var Vendorstabattributes = Vendorstab.get_attributes();
var HFmode = document.getElementById("HFmode");
if (HFmode.value != "Edit") {
if (eventArgs._tab._getData().text != "Vendors" && attributes.getAttribute("state") != "visiting" && Vendorstabattributes.getAttribute("state") != "visiting") {
eventArgs.set_cancel(true);
return
}
}
}
}
if (sender.get_selectedTab().get_text() == "Vendors") {
var PnlVendorItems = document.getElementById("<% =PnlVendorItems.ClientID %>")
if (PnlVendorItems.className == "show") {
var rad_cmb_Vendor_items = $find("<%=rad_cmb_Vendor_items.ClientID %>");
var inputrad_cmb_Vendor_items = rad_cmb_Vendor_items.get_inputDomElement();

if (rad_cmb_Vendor_items != null && rad_cmb_Vendor_items.get_enabled() == true) {
if (rad_cmb_Vendor_items.get_text() == "----Select----") {
alert("Select Vendor !");

if (rad_cmb_Vendor_items.get_enabled() == true) {
inputrad_cmb_Vendor_items.focus();
}
eventArgs.set_cancel(true);
return
}
}
var txt_vendor_price = $find("<%=txt_vendor_price.ClientID%>");
if (txt_vendor_price.get_value() == "" && txt_vendor_price.get_enabled() == true) {
alert("Enter Price !");
txt_vendor_price.focus();
eventArgs.set_cancel(true);
return
}
}
}
}
//return manageBeforeStatement(); //check if the next Tab is selectable or not.
}
function Validation() {
var description = $find("<%=txt_description.ClientID%>");
if (description.get_value() == "") {
alert("Enter Description !");
description.focus();
return false;
}
var rad_cmb_UOM = $find("<%=rad_cmb_UOM.ClientID%>");
var input = rad_cmb_UOM.get_inputDomElement();
if (rad_cmb_UOM.get_text() == "----Select----") {
alert("Select UOM Type !");
input.focus();
return false;
}

var part_code = $find("<%=txt_part_code.ClientID%>");
if (part_code.get_value() == "") {
alert("Enter Part code !");
part_code.focus();
return false;
}

var UPC = $find("<%=txt_UPC.ClientID%>");

if (UPC.get_value() == "") {
alert("Enter UPC Code !");
UPC.focus();
return false;
}


var rad_cmp_tracking_type = $find("<%=rad_cmp_tracking_type.ClientID%>");
var inputrad_cmp_tracking_type = rad_cmp_tracking_type.get_inputDomElement();
if (rad_cmp_tracking_type.get_text() == "----Select----") {
alert("Select Tracking Type !");
inputrad_cmp_tracking_type.focus();
return false;
}
var rad_cmb_part_type = $find("<%=rad_cmb_part_type.ClientID %>");
var inputrad_cmb_part_type = rad_cmb_part_type.get_inputDomElement();
if (rad_cmb_part_type.get_text() == "----Select----") {
alert("Select Part Type !");
inputrad_cmb_part_type.focus();
return false;
}
var rad_cmb_curr = $find("<%=rad_cmb_cost_currency.ClientID %>");
var inputrad_cmb_curr = rad_cmb_curr.get_inputDomElement();
if (rad_cmb_curr.get_text() == "----Select----") {
alert("Select Cost Currency !");
inputrad_cmb_curr.focus();
return false;
}
var txt_cost = $find("<%=txt_cost.ClientID%>");
if (txt_cost.get_value() == "") {
alert("Enter Cost !");
txt_cost.focus();
return false;
}
var rad_cmb_Price_Currency = $find("<%=rad_cmb_Price_Currency.ClientID %>");
var inputrad_cmb_Price_Currency = rad_cmb_Price_Currency.get_inputDomElement();
if (rad_cmb_Price_Currency.get_text() == "----Select----") {
alert("Select Price Currency !");
inputrad_cmb_Price_Currency.focus();
return false;
}
var txt_Price = $find("<%=txt_Price.ClientID%>");
if (txt_Price.get_value() == "") {
alert("Enter Price !");
txt_Price.focus();
return false;
}
var rad_cmb_curr = $find("<%=rad_cmb_loc.ClientID %>");
var inputrad_cmb_curr = rad_cmb_curr.get_inputDomElement();
if (rad_cmb_curr != null) {
if (rad_cmb_curr.get_text() == "----Select----") {
alert("Select Location !");
if (rad_cmb_curr.get_enabled() == true) {
inputrad_cmb_curr.focus();
}
return false;
}
}
var txt_Opening_qty = $find("<%=txt_Opening_qty.ClientID%>");
if (txt_Opening_qty != null) {
if (txt_Opening_qty.get_value() == "") {
alert("Enter Quantity !");
txt_Opening_qty.focus();
return false;
}
}
var rad_cmp_tracking_type = $find("rad_cmp_tracking_type");
var txt_serial_no = $find("<%=txt_serial_no.ClientID%>");
if (txt_serial_no != null) {
if (rad_cmp_tracking_type.get_value() == 1 && txt_serial_no.get_value() == "") {
alert("Enter Serial # !");
txt_serial_no.focus();
return false;
}
}
var rad_cmb_Vendor_items = $find("<%=rad_cmb_Vendor_items.ClientID %>");
var inputrad_cmb_Vendor_items = rad_cmb_Vendor_items.get_inputDomElement();

if (rad_cmb_Vendor_items != null && rad_cmb_Vendor_items.get_enabled() == true) {
if (rad_cmb_Vendor_items.get_text() == "----Select----") {
alert("Select Vendor !");

if (rad_cmb_Vendor_items.get_enabled() == true) {
inputrad_cmb_Vendor_items.focus();
}
return false;
}
}
var txt_vendor_price = $find("<%=txt_vendor_price.ClientID%>");
if (txt_vendor_price.get_value() == "" && txt_vendor_price.get_enabled() == true) {
alert("Enter Price !");
txt_vendor_price.focus();
return false;
}
return true;
}


The above code will not allow the user to move next tab until the manditory fields are filled.

The below is the main that i had used.
Pricetabattributes.getAttribute("state") != "visiting")
eventArgs.set_cancel(true);
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900