function clsForm() {
    var that = this;
    this.dt = new DataTable();
    this.dt_detail  = new DataTable();
    this.str_namespace = "display.form";
    this.str_form_name = "FormName";
    this.str_display_name = "%namespace%.%FormName%.%EleName%";
    this.flg_error = false;
    this.error_msg = null;
    this.event_defined = [];
    
    this.functions = null;
    this.required_mark = "<SPAN STYLE='color:red'>&nbsp;*</SPAN>"; // 必輸欄位顯示的符號
    
    this.refreshing_listbox = false;
    
    this.set_message = function (ele_name, str)
    {
        try
        {
            if (str == "")
                $(this.str_namespace + "." + this.str_form_name + "." + ele_name + ".message").innerHTML = ""; 
            else
                $(this.str_namespace + "." + this.str_form_name + "." + ele_name + ".message").innerHTML = "<br>" + str; 
        }
        catch (e)
        {
            //window.status = "clsForm.set_message() 錯誤訊息：" + e.Message;
            try
            {
               $(ele_name + ".message").innerHTML = "<br>" + str; 
            }
            catch (e)
            {
            }
        }
    }
    
    this.clear_message = function ()
    {
        var dt = this.dt;
        
        for (var row = 0; row < dt.MaxRow(); row++)
        {
            var ele_name = dt.getValueByRow(row, "ELE_NAME");
            
            this.set_message(ele_name, "");
        }
    }
    
     this.clear_detail_message = function (dt)
    {
        if (typeof(dt) == "undefined") return;
        for (var row = 0; row < dt.MaxRow(); row++)
        {
            var ele_name = dt.getValueByRow(row, "ELE_NAME");
            
            this.set_message(ele_name, "");
        }
    }
    
    this.get_schema = function (str_url, str_element_list)
    {
        var _dt = new DataTable();
        this.dt = new DataTable();
        
        alert("clsForm.get_schema()");
        
        try
        {
            var str_result = _dt.connect(str_url, str_element_list);
            this.dt.ImportXML(_dt.getValue("XML"), "NewDataSet", "", 0, -1);
            return (true);
        }
        catch (e)
        {
            alert("clsForm.get_schema() 發生錯誤！\n 錯誤訊息：" + e.Message);
            return (false);
        }
    }

    //***************************************************************************************************
    // schema_dt, detail_row, control_name 為 Grid 使用
    this.create_textbox = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value, _name)
    //***************************************************************************************************        
    {
        var required = false;
        if (typeof (schema_dt) == "undefined") {
            var detail = false
            var dt = this.dt;
        }
        else {
            var detail = true;
            var dt = schema_dt;
        }
        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var _display_content = new StringBuilder();
        _display_content.Append(str_HEAD);

        var str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");
        var str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var str_DECIMAL = dt.getValueByRow(row, "DECIMAL");
        var str_LEN = dt.getValueByRow(row, "LEN");
        var str_TAIL = dt.getValueByRow(row, "TAIL");
        var str_WATERMARK = dt.getValueByRow(row, "WATERMARK");
        var str_URL = dt.getValueByRow(row, "URL");
        str_URL = str_URL.ReplaceAll("%page_name%", str_page_name);

        var str_display_name = this.str_display_name;
        var element_id = "";

        //        if (detail)
        //          element_id = element_name + "_" + detail_row.toString();
        //        else
        element_id = element_name;
        //
        var style = "";
        switch (str_TYPE.toUpperCase()) {
            case "COLOR": // 調色盤                
                _display_content.Append("<input name='%name%' id='%name%' type='text' size='6' maxlength='6'><span  name='%name%_btn' id='%name%_btn' style='width:18px;height:10px;border-width:1;border-style:solid;margin-left:4px;cursor:pointer' title='選取調色盤'></span><div name='%name%_picker' id='%name%_picker'></div> ");
                _display_content.replace("%name%", element_name);
                str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
                str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
                str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
                $(str_display_name).innerHTML = _display_content.ToString();

                $j("[id='" + element_name + "_picker']").ColorPicker({
                    flat: true,
                    color: '#00ff00',
                    onSubmit: function (hsb, hex, rgb) {
                        set_element_value(this.parent().attr("EDITOR"), hex);
                    },
                    onChange: function (hsb, hex, rgb) {
                        set_element_value(this.parent().attr("EDITOR"), hex);
                    }
                });
                $j("[id='" + element_name + "_btn']").attr("TAG", "0");
                $j("[id='" + element_name + "_btn']").attr("PICKER", element_name + "_picker");
                $j("[id='" + element_name + "_picker']").hide();
                $j("[id='" + element_name + "_picker']").attr("EDITOR", element_name);
                $j("[id='" + element_name + "_btn']").bind('click', function () {

                    if ($j(this).attr("TAG") == "0") {
                        //$j("[id='" + $j(this).attr("PICKER") + "']").ColorPickerSetColor(
                        $j("[id='" + $j(this).attr("PICKER") + "']").show();
                        $j(this).attr("TAG", "1");
                    }
                    else {
                        $j("[id='" + $j(this).attr("PICKER") + "']").hide();
                        $j(this).attr("TAG", "0");
                    }
                });
                $j("[name='" + element_name + "']").keyup(function () {
                    try {
                        if (this.value.length == 6)
                            $j("[id='" + this.name + "_btn']").css('backgroundColor', '#' + get_element_value(this.name));
                    } catch (e) { };
                }
		                );

                // 定義取得value的function
                function getValueColor(ele_name) {
                    return ($j("[name='" + ele_name + "']").val());
                }

                function setValueColor(ele_name, ele_value) {
                    $j("[name='" + ele_name + "']").val(ele_value);
                    $j("[id='" + ele_name + "_btn']").css('backgroundColor', '#' + ele_value);
                    try { $j("[id='" + ele_name + "_picker']").ColorPickerSetColor(ele_value) } catch (e) { };
                }
                controls.add(element_name, getValueColor, setValueColor);


                return;
                break;
            case "FILE":
                _display_content.Append("<div name='%name%' id='%name%'></div> ");
                _display_content.replace("%name%", element_name);
                str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
                str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
                str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);

                $(str_display_name).innerHTML = _display_content.ToString();
                function createUploader() {
                    var uploader = new qq.FileUploader({
                        element: document.getElementById(element_name),
                        action: str_URL
                    });
                }
                if (this.functions == null) this.functions = new Array();
                this.functions.push(createUploader);
                return;
                break;
            case "String".toUpperCase():
                element_param += " size='%len%' maxlength='%len%'";
                element_param = element_param.ReplaceAll("%len%", str_LEN);
                break;
            case "Numeric".toUpperCase():
                var _length = parseInt(str_LEN, 10);

                if (str_DECIMAL != "" && str_DECIMAL != "0")
                    _length += 1;

                element_param += " size='%len%' maxlength='%len%'";
                style += "text-align:right;"
                element_param += " onblur=\"this.value=FormatKendo(this.value, " + str_LEN + ",'" + str_DECIMAL + "');\"";
                element_param = element_param.ReplaceAll("%len%", _length);
                break;
            case "Integer".toUpperCase():
                element_param += " size='%len%' maxlength='%len%'";
                style += "text-align:right;"
                element_param = element_param.ReplaceAll("%len%", str_LEN);
                break;
            case "Date".toUpperCase():
                element_param += " size='10' maxlength='10'";
                element_param = element_param.ReplaceAll("%len%", "10");
                element_param += " onblur=\"if (this.value.length==8) this.value=this.value.substring(0,4)+'/'+this.value.substring(4,6)+'/'+this.value.substring(6,8);\"";
                break;
            case "Time".toUpperCase():
                element_param += " size='%len%' maxlength='%len%'";
                element_param = element_param.ReplaceAll("%len%", "5");
                break;
            case "DateTime".toUpperCase():
                element_param += " size='20' maxlength='20'";
                break;
            case "YearMon".toUpperCase():
                element_param += " size='7' maxlength='7'";
                break;
            default:
                element_param += " size='20' maxlength='20'";
                break;
        }
        var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");

        if (str_NOT_NULL == "1" && (this.str_namespace == "display.Edit.form" || this.str_namespace == "display.AddNew.form" || detail == true)
               && element_disabled != "1") {
            required = true;
            style += "border-color:red;";
        }
        if (style != "") element_param += " style=\"" + style + "\"";
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);

        if (str_TYPE.toUpperCase() == "FILE") {
            _display_content.Append("<input id=\"%name%\" name=\"%name%\" type=\"file\" %param%>");
        }
        else
            _display_content.Append("<input id=\"%name%\" name=\"%name%\" type=\"text\" %param%>");
        if (str_TYPE.toUpperCase() == "BUTTON" && element_disabled != "1") {
            _display_content.Append(" <button name='%name%_button' id='%name%_button'></button>");
        }


        if (str_TYPE.toUpperCase() == "Date".toUpperCase() && element_disabled != "1") {

            var t_func = function () {
                var year = (new Date()).getFullYear() + 5;
                $j("[id='" + element_id + "']").kendoDatePicker({
                    format: "yyyy/MM/dd"
                }
              );
            }
            this.push_function(t_func)

        }


        if (str_TYPE.toUpperCase() == "YearMon".toUpperCase() && element_disabled != "1") {
            var t_func = function () {
                $j("[id='" + element_id + "']").kendoDatePicker({
                    format: 'yyyy/MM',
                    start: "year",
                    depth: "year"

                });
            }
            this.push_function(t_func);
        }
        if (str_TYPE.toUpperCase() == "Date".toUpperCase() || str_TYPE.toUpperCase() == "YearMon".toUpperCase()) controls.add(element_name, getValue, setValue);
        if (str_TYPE.toUpperCase() == "Numeric".toUpperCase()) controls.add(element_name, getNumValue, setNumValue);




        _display_content.Append(str_TAIL);
        if (required) {
            _display_content.Append(this.required_mark);
        };


        _display_content.replace("%name%", element_name);
        _display_content.replace("%param%", element_param);


        // 定義取得value的function
        function getValue(ele_name) {
            if ($(ele_name).value == str_WATERMARK)
                return "";
            if (str_TYPE.toUpperCase() == "Date".toUpperCase() || str_TYPE.toUpperCase() == "YearMon".toUpperCase()) {
                return $(ele_name).value.ReplaceAll("/", "")
            }
            return $j.trim($(ele_name).value);
        }

        function setValue(ele_name, ele_value) {
            ele_value = $j.trim(ele_value);
            if (str_TYPE.toUpperCase() == "Date".toUpperCase()) {
                $(ele_name).value = (ele_value == "" ? "" : ele_value.toString().substring(0, 4) + "/" + ele_value.toString().substring(4, 6) + "/" + ele_value.toString().substring(6, 8));
                return;

            }

            if (str_TYPE.toUpperCase() == "YearMon".toUpperCase()) {
                $(ele_name).value = (ele_value == "" ? "" : ele_value.toString().substring(0, 4) + "" + ele_value.toString().substring(4, 6));
                return;

            }

            $(ele_name).value = ele_value;
        }


        function getNumValue(ele_name) {
            return $(ele_name).value.ReplaceAll(",", "");
        }

        function setNumValue(ele_name, ele_value) {
            $(ele_name).value = FormatKendo(ele_value, str_LEN, str_DECIMAL);
        }

        if (str_TYPE.toUpperCase() == "Date".toUpperCase()) {
            //          alert (_display_content);
        }
        try {
            $(str_display_name).innerHTML = _display_content.ToString();
            if ((str_TYPE.toUpperCase() == "Date".toUpperCase() || str_TYPE.toUpperCase() == "YearMon".toUpperCase()) && element_disabled != "1") t_func();
        }
        catch (e) {
            alert("沒有這個物件可以使用：" + "display." + element_name);
        }

    }
        
    
//***************************************************************************************************        
    this.create_html = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value,  _name)
//***************************************************************************************************        
    {
        if (typeof(schema_dt) == "undefined")
           {
              var detail = false
              var dt = this.dt;
           }   
        else
           {
              var detail = true;
              var dt = schema_dt;
           }           
        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var _display_content = str_HEAD;

        var str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");
        var str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var str_LEN = dt.getValueByRow(row, "LEN");
        var str_display_name = this.str_display_name;
        var required = false;
         var str_TAIL = dt.getValueByRow(row, "TAIL");
         
        if (element_param == "")
        {
            switch (str_TYPE.toUpperCase())
            {
                case "String".toUpperCase():
                case "Numeric".toUpperCase():
                    element_param = "size='%len%' maxlength='%len%'";
                    element_param = element_param.ReplaceAll("%len%", str_LEN);
                    break;
                case "DateTime".toUpperCase():
                    element_param = "size='20' maxlength='20'";
                    break;
                default:
                    element_param = "size='20' maxlength='20'";
                    break;
            }
            
            var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");

            if (str_NOT_NULL == "1" && (this.str_namespace == "display.Edit.form" ||this.str_namespace == "display.AddNew.form")
               && element_disabled != "1")
            {
                element_param += " style=\"border-color:red\"";
                required = true;
            }
        }
        
        var str_display_name = this.str_display_name;
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
        
        _display_content += "<span name=\"%name%\"  %param%></span>";
        _display_content = _display_content.ReplaceAll("%name%", element_name);
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        _display_content += str_TAIL;
        if (required)  
                  {
                      _display_content +=  this.required_mark;
                  } ;     
        $(str_display_name).innerHTML = _display_content;
        function getValue(ele_name)
        {
          return $j("[name='" + element_name + "']").html();
        }
        
        function setValue(ele_name, ele_value)
        {
           $j("[name='" + element_name + "']").html(ele_value);           
        }
                // 加入共用控制項
        controls.add(element_name, getValue, setValue);
    }
    
    
//***************************************************************************************************        
    this.create_daterange = function (row, element_name, element_param)
//***************************************************************************************************        
    {
        var dt = this.dt;

        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var _display_content = "<span id=\"" + element_name + "\" name=\"" + element_name + "\">" + str_HEAD;
        var str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");
        var str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var str_DECIMAL = dt.getValueByRow(row, "DECIMAL");
        var str_LEN = dt.getValueByRow(row, "LEN");
        var str_display_name = this.str_display_name;
        var required = false;
        var str_TAIL = dt.getValueByRow(row, "TAIL");
        var element_id = element_name + "1" ;
        var element_id2 = element_name + "2" ;

        if (element_param == "")
        {
            element_param = "size='10' maxlength='10'";
            element_param = element_param.ReplaceAll("%len%", "10");
            element_param += " onblur=\"if (this.value.length==8) this.value=this.value.substring(0,4)+'/'+this.value.substring(4,6)+'/'+this.value.substring(6,8);\"";
            
            var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");

            if (str_NOT_NULL == "1" && (this.str_namespace == "display.Edit.form" ||this.str_namespace == "display.AddNew.form")
               && element_disabled != "1")
            {
                required = true;
                element_param += " style=\"border-color:red\"";
            } 
        }
        
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);

        _display_content += "<input id=\"%name%\" name=\"%name%\" type=\"text\" %param%>";
        var year = (new Date()).getFullYear() + 5;
        var t_func = function () {
            $j("[id='" + element_id + "']").kendoDatePicker({
                format: "yyyy/MM/dd"
            });
              } 
        this.push_function (t_func)       
        
        var t_func = function () {
            $j("[id='" + element_id2 + "']").kendoDatePicker({
                format: "yyyy/MM/dd"
            });
              } 
        this.push_function (t_func)       

              
         _display_content2 = _display_content;           
        _display_content = _display_content.ReplaceAll("%name%", element_name + "1");
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        
        _display_content2  = _display_content2.ReplaceAll("%name%", element_name + "2");
        _display_content2  = _display_content2.ReplaceAll("%param%", element_param);
        
        _display_content = _display_content + "~" + "&nbsp;&nbsp;" + _display_content2;
        _display_content += str_TAIL + "</span>" ;
        
         if (required)  
                  {
                      _display_content +=  this.required_mark;
                  } ; 
        try
        {
            $(str_display_name).innerHTML = _display_content;
        }
        catch (e)
        {
            alert("Invalid object：" + "display." + element_name);
        }
        
        // 定義取得value的function
        function getValue(ele_name)
        {
            var _element = document.getElementsByName(ele_name+"1");
		    var _element2 =  document.getElementsByName(ele_name+"2");
		    if (_element.length == 1 && _element2.length == 1)
		      {
		         return (_element[0].value.ReplaceAll("/", "") + "," + _element2[0].value.ReplaceAll("/", ""));
		      }
        }
        
        function setValue(ele_name, ele_value)
        {
            if (ele_value == "") ele_value = ",";
            var values = ele_value.split(",");
            var _element = document.getElementsByName(ele_name+"1");
		    var _element2 =  document.getElementsByName(ele_name+"2");
		    if (_element.length == 1 && _element2.length == 1)
		      {
     
		         _element[0].value =  (values[0] == "" ? "" : values[0].toString().substring(0, 4) + "/" + values[0].toString().substring(4, 6) + "/" + values[0].toString().substring(6, 8));
		         _element2[0].value = (values[1] == "" ?  "" : values[1].toString().substring(0, 4) + "/" + values[1].toString().substring(4, 6) + "/" + values[1].toString().substring(6, 8));
		      }
        }
       
        // 加入共用控制項
        controls.add(element_name, getValue, setValue);
    }
    
//***************************************************************************************************        
    this.create_time = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value,  _name)
//***************************************************************************************************        
    {
        if (typeof(schema_dt) == "undefined")
           {
              var detail = false
              var dt = this.dt;
           }   
        else
           {
              var detail = true;
              var dt = schema_dt;
           }           

        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var _display_content = "";
        var str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");
        var str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var str_DECIMAL = dt.getValueByRow(row, "DECIMAL");
        var str_LEN = dt.getValueByRow(row, "LEN");
        var str_display_name = this.str_display_name;
        var required = false;
        var str_TAIL = dt.getValueByRow(row, "TAIL");
        
        var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");
        var len =  dt.getValueByRow(row, "LEN");
        element_param += " size='%len%' maxlength='%len%' ";
        
        if (str_NOT_NULL == "1" && (this.str_namespace == "display.Edit.form" ||this.str_namespace == "display.AddNew.form")
                                && element_disabled != "1")
            {
                required = true;
                element_param += " style=\"border-color:red\"";
            } 

        if (element_disabled == "1")
            {
                element_param += " disabled=\"true\"";

            }
            
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
        
        _display_content += "<input name=\"%name%\" type=\"text\" %param% %events%>";
        
        // -----------------------------------------------------------------------------
        _display_content2 =  _display_content;
       
         _display_content = _display_content.ReplaceAll("%events%", "onkeyup='autoTab(\"" + element_name + "_h\", \"" + element_name + "_m\",\"" + len + "\");'");

        _display_content = _display_content.ReplaceAll("%name%", element_name + "_h");
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        
        _display_content2 = _display_content2.ReplaceAll("%name%", element_name + "_m");
        _display_content2 = _display_content2.ReplaceAll("%param%", element_param);
        _display_content2 = _display_content2.ReplaceAll("%events%", "");
        
        _display_content = _display_content.ReplaceAll("%len%", len);
        _display_content2 = _display_content2.ReplaceAll("%len%", 2);
        _display_content = _display_content + "&nbsp;:&nbsp;" + _display_content2;
        _display_content += str_TAIL;
         if (required)  
                  {
                      _display_content +=  this.required_mark;
                  } ;
         
        
        try
        {
            $(str_display_name).innerHTML =  str_HEAD + _display_content;
        }
        catch (e)
        {
            alert("沒有這個物件可以使用：" + "display." + element_name);
        }
        
        // 定義取得value的function, 由 get_element_value 呼叫
        function getValue(ele_name)
        {
            var _element = document.getElementsByName(ele_name+"_h");
		    var _element2 =  document.getElementsByName(ele_name+"_m");
		    if (_element.length == 1 && _element2.length == 1)
		      {
		         if (_element[0].value == "" || _element2[0].value == "")
		            return ("");
		         else   
		            return (parseInt(_element[0].value,10) * 60 +  parseInt(_element2[0].value,10));
		      }
        }
        
        function setValue(ele_name, ele_value)
        {
            
            var _element = document.getElementsByName(ele_name+"_h");
		    var _element2 =  document.getElementsByName(ele_name+"_m");

		    if (_element.length == 1 && _element2.length == 1)
		      {
                if (ele_value == "") 
                  {
                      _element[0].value="";
                      _element2[0].value="";
                  }    
                 else
                  {
                    _element[0].value = Format(parseInt(ele_value / 60,10), "00");
		            _element2[0].value = Format(parseInt(ele_value % 60,10), "00");
		          }  
		      }
        }
       
        // 加入共用控制項
        controls.add(element_name, getValue, setValue);
    }
    
//***************************************************************************************************        
    this.create_iframe = function (row, element_name, element_param)
//***************************************************************************************************        
    {
        var dt = this.dt;

        var str_URL = dt.getValueByRow(row, "URL");
        var _display_content = "";
        var str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");
        var str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var str_DECIMAL = dt.getValueByRow(row, "DECIMAL");
        var LEN = dt.getValueByRow(row, "LEN");
        var str_display_name = this.str_display_name;
        var required = false;
        
        var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");

        // element_param = "width='%width%' height='%height%'";
        //element_param = element_param.ReplaceAll("%width%", LEN[0]);
        //element_param = element_param.ReplaceAll("%height%", LEN[1]);
        if (str_NOT_NULL == "1" && (this.str_namespace == "display.Edit.form" ||this.str_namespace == "display.AddNew.form")
                                && element_disabled != "1")
            {
                required = true;
                element_param += " style=\"border-color:red\"";
            } 

        if (element_disabled == "1")
            {
                element_param += " disabled=\"true\"";

            }
            
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
        
        // _display_content += "<img name=\"%name%\" %param% %events%><input type='file' name=\"%name%.file\">";
        _display_content = "<iframe name=\"%name%\" src='%url%' frameborder='0' scrolling='yes' style='height:%LEN%px;width:100%'>";
        //_display_content = "<iframe name=\"%name%\" src='Upload.aspx' style='border:0;'>";
        
        // -----------------------------------------------------------------------------
        
        _display_content = _display_content.ReplaceAll("%events%", "");

        _display_content = _display_content.ReplaceAll("%name%", element_name );
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        _display_content = _display_content.ReplaceAll("%url%", str_URL);
        _display_content = _display_content.ReplaceAll("%LEN%", LEN);
                    
    
        
        try
        {
            $(str_display_name).innerHTML = _display_content;
        }
        catch (e)
        {
            alert("沒有這個物件可以使用：" + "display." + element_name);
        }
        // 定義取得value的function, 由 get_element_value 呼叫
        function getValue(ele_name)
        {
          return ""
        }
        
        function setValue(ele_name, ele_value)
        {           
        }
       
        // 加入共用控制項
        controls.add(element_name, getValue, setValue);
    }    

//***************************************************************************************************
    this.create_detail = function (row, element_name, element_param)
    //***************************************************************************************************        
    {
        var dt = this.dt;
        var _display_content = "";
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var LEN = dt.getValueByRow(row, "LEN");
        var str_display_name = this.str_display_name;
        var required = false;

        var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);

        // _display_content = "<iframe name=\"%name%\" src='%url%' style='border:0;height:%LEN%px'>";
        _display_content = "<input name=\"btn.%detail%.addDetail\" type=\"button\" id=\"Button1\" value=\"新增明細\">";
        _display_content += "<div id=\"display.form.%detail%\" align='center'></div>";

        _display_content += "<div id=\"display.%detail%\" style=\"display:none\" align=\"left\">";
        _display_content += " <table width=\"%width%\" border=\"0\" cellpadding=\"1\" cellspacing=\"1\" bgcolor=\"#00CCFF\">";
        _display_content += "<tr style='display:none'>";
        _display_content += "<td id=\"display.%detail%.title\" height=\"30\" align=\"center\" bgcolor=\"#0066FF\">";
        _display_content += "<font color=\"#FFFFFF\" size=\"2\">";
        _display_content += "<strong>";
        _display_content += "<div id='display.%detail%.title.text'>新增明細資料</div>";
        _display_content += "</strong>";
        _display_content += "</font>";
        _display_content += "</td>";
        _display_content += "</tr>";
        _display_content += "<tr>";
        _display_content += "<td bgcolor=\"#FFFFFF\">";
        _display_content += "<input name=\"btn.%detail%.save\" type=\"button\" id=\"btnDetail.save\" value=\"新增\">";
        _display_content += "<input name=\"btn.%detail%.cancel\" type=\"button\" id=\"btnDetail.cancel\" value=\"取消新增\">";
        _display_content += "<div id=\"display.%detail%.form\" style=\"width:%width%\"></div>";
        _display_content += "</td>";
        _display_content += "</tr>";
        _display_content += "</table>";
        _display_content += "</div>";

        //_display_content = _display_content.ReplaceAll("%events%", "");

        //_display_content = _display_content.ReplaceAll("%name%", element_name );
        //_display_content = _display_content.ReplaceAll("%param%", element_param);
        //_display_content = _display_content.ReplaceAll("%url%", str_URL);
        //_display_content = _display_content.ReplaceAll("%LEN%", LEN);
        _display_content = _display_content.ReplaceAll("%detail%", str_TYPE);
        _display_content = _display_content.ReplaceAll("%width%", LEN == "" ? "100%" : LEN);



        try {
            $(str_display_name).innerHTML = _display_content;
        }
        catch (e) {
            alert("沒有這個物件可以使用：" + "display." + element_name);
        }
        // 定義取得value的function, 由 get_element_value 呼叫
        function getValue(ele_name) {
            return ""
        }

        function setValue(ele_name, ele_value) {
        }

        // 加入共用控制項
        controls.add(element_name, getValue, setValue);
    }    
    


    
//***************************************************************************************************        
    this.create_timeselect = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value,  _name)
//***************************************************************************************************        
    {
        if (typeof(schema_dt) == "undefined")
           {
              var detail = false
              var dt = this.dt;
           }   
        else
           {
              var detail = true;
              var dt = schema_dt;
           }           

        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var _display_content = str_HEAD;
        var str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");
        var str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var str_DECIMAL = dt.getValueByRow(row, "DECIMAL");
        var str_LEN = dt.getValueByRow(row, "LEN");
        var str_display_name = this.str_display_name;
        var required = false;
        var str_TAIL = dt.getValueByRow(row, "TAIL");
        
        var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");

        element_param += "size='%len%' maxlength='%len%'";
        element_param = element_param.ReplaceAll("%len%", 2);
        
        if (str_NOT_NULL == "1" && (this.str_namespace == "display.Edit.form" ||this.str_namespace == "display.AddNew.form")
                                && element_disabled != "1")
            {
                required = true;
                element_param += " style=\"border-color:red\"";
            } 

        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
        
        _display_content += "<input name=\"%name%\" type=\"text\" %param% %events%>";
        
        // -----------------------------------------------------------------------------
        _display_content2 =  _display_content
        
        _display_content = _display_content.ReplaceAll("%events%", "onkeyup='function (e) {autoTab(\"" + element_name + "_h\", \"" +element_name + "_m\",e);}'");

        _display_content = _display_content.ReplaceAll("%name%", element_name + "_h");
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        
        _display_content2 = _display_content2.ReplaceAll("%name%", element_name + "_m");
        _display_content2 = _display_content2.ReplaceAll("%param%", element_param);
        _display_content2 = _display_content2.ReplaceAll("%events%", "");

        _display_content = _display_content + "&nbsp;:&nbsp;" + _display_content2
        
        _display_content += str_TAIL;
        if (required)  
                  {
                      _display_content +=  this.required_mark;
                  } ;
         
        
        try
        {
            $(str_display_name).innerHTML = _display_content;
        }
        catch (e)
        {
            alert("沒有這個物件可以使用：" + "display." + element_name);
        }
        
        // 定義取得value的function, 由 get_element_value 呼叫
        function getValue(ele_name)
        {
            var _element = document.getElementsByName(ele_name+"_h");
		    var _element2 =  document.getElementsByName(ele_name+"_m");
		    if (_element.length == 1 && _element2.length == 1)
		      {
		         if (_element[0].value == "" || _element2[0].value == "")
		            return ("");
		         else   
		            return (parseInt(_element[0].value,10) * 60 +  parseInt(_element2[0].value,10));
		      }
        }
        
        function setValue(ele_name, ele_value)
        {
            
            var _element = document.getElementsByName(ele_name+"_h");
		    var _element2 =  document.getElementsByName(ele_name+"_m");

		    if (_element.length == 1 && _element2.length == 1)
		      {
                if (ele_value == "") 
                  {
                      _element[0].value="";
                      _element2[0].value="";
                  }    
                 else
                  {
                    _element[0].value = Format(parseInt(ele_value / 60,10), "00");
		            _element2[0].value = Format(parseInt(ele_value % 60,10), "00");
		          }  
		      }
        }
       
        // 加入共用控制項
        controls.add(element_name, getValue, setValue);
    }    

    
    
    //***************************************************************************************************        
    this.create_label = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value, _name)
        //***************************************************************************************************        
    {
        if (typeof (schema_dt) == "undefined") {
            var detail = false
            var dt = this.dt;
        }
        else {
            var detail = true;
            var dt = schema_dt;
        }
        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var _display_content = str_HEAD;
        var str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");
        var str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var str_DECIMAL = dt.getValueByRow(row, "DECIMAL");
        var str_LEN = dt.getValueByRow(row, "LEN");
        var str_display_name = this.str_display_name;
        var str_TAIL = dt.getValueByRow(row, "TAIL");
        var align_right = false;
        if (element_param == "") {
            switch (str_TYPE.toUpperCase()) {
                case "String".toUpperCase():
                    element_param = "size='%len%' maxlength='%len%'";
                    element_param = element_param.ReplaceAll("%len%", str_LEN);
                    break;
                case "Numeric".toUpperCase():
                    var _length = parseInt(str_LEN, 10);

                    if (str_DECIMAL != "" && str_DECIMAL != "0")
                        _length += 1;

                    element_param = "size='%len%' maxlength='%len%' ";
                    element_param = element_param.ReplaceAll("%len%", _length);
                    align_right = true;
                    break;
                case "Integer".toUpperCase():
                    element_param = "size='%len%' maxlength='%len%' ";
                    element_param = element_param.ReplaceAll("%len%", str_LEN);
                    align_right = true;
                    break;
                case "Date".toUpperCase():
                    element_param = "size='%len%' maxlength='%len%'";
                    element_param = element_param.ReplaceAll("%len%", "8");
                    break;
                case "Time".toUpperCase():
                    element_param = "size='%len%' maxlength='%len%'";
                    element_param = element_param.ReplaceAll("%len%", "5");
                    break;
                case "DateTime".toUpperCase():
                    element_param = "size='20' maxlength='20'";
                    break;
                default:
                    element_param = "size='20' maxlength='20'";
                    break;
            }

            var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");

            element_param += " readonly style='border-width:0;" + (align_right ? "text-align:right;" : "") + "'" + " onfocus='this.blur()' tabindex=-1 ";
        }
        else {
            if (str_TYPE.toUpperCase() == "Numeric".toUpperCase() || str_TYPE.toUpperCase() == "Integer".toUpperCase()) align_right = true;
            element_param += " size='%len%' maxlength='%len%'";
            element_param = element_param.ReplaceAll("%len%", str_LEN);
            element_param += " readonly style='border-width:0;" + (align_right ? "text-align:right;" : "") + "'" + " onfocus='this.blur()' tabindex=-1 ";
        }

        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);

        _display_content += "<input name=\"%name%\" type=\"text\" %param%>";
        _display_content = _display_content.ReplaceAll("%name%", element_name);
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        _display_content += str_TAIL;

        try {
            $(str_display_name).innerHTML = _display_content;
        }
        catch (e) {
            alert("沒有這個物件可以使用：" + "display." + element_name);
        }
    }




//***************************************************************************************************        
    this.create_password = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value,  _name)
//***************************************************************************************************        
    {
        if (typeof(schema_dt) == "undefined")
           {
              var detail = false
              var dt = this.dt;
           }   
        else
           {
              var detail = true;
              var dt = schema_dt;
           }           
        var required = false;        
        var str_HEAD = dt.getValueByRow(row, "HEAD");
        
        var _display_content = str_HEAD;

        var str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");
        var str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var str_LEN = dt.getValueByRow(row, "LEN");
        var str_display_name = this.str_display_name;
        var required = false;
         var str_TAIL = dt.getValueByRow(row, "TAIL");
         
        if (element_param == "")
        {
            switch (str_TYPE.toUpperCase())
            {
                case "String".toUpperCase():
                case "Numeric".toUpperCase():
                    element_param = "size='%len%' maxlength='%len%'";
                    element_param = element_param.ReplaceAll("%len%", str_LEN);
                    break;
                case "DateTime".toUpperCase():
                    element_param = "size='20' maxlength='20'";
                    break;
                default:
                    element_param = "size='20' maxlength='20'";
                    break;
            }
            
            var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");

            if (str_NOT_NULL == "1" && (this.str_namespace == "display.Edit.form" ||this.str_namespace == "display.AddNew.form")
               && element_disabled != "1")
            {
                element_param += " style=\"border-color:red\"";
                required = true;
            }
        }
        
        var str_display_name = this.str_display_name;
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
        
        _display_content += "<input name=\"%name%\" type=\"password\" %param%>";
        _display_content = _display_content.ReplaceAll("%name%", element_name);
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        _display_content += str_TAIL;
        if (required)  
                  {
                      _display_content +=  this.required_mark;
                  } ;        
        $(str_display_name).innerHTML = _display_content;
    }
    
//***************************************************************************************************        
    this.create_textarea = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value,  _name)
//***************************************************************************************************    
    {
        if (typeof(schema_dt) == "undefined")
           {
              var detail = false
              var dt = this.dt;
           }   
        else
           {          
              var detail = true;
              var dt = schema_dt;
           }           
        var str_HEAD = dt.getValueByRow(row, "HEAD");
       
        var _display_content = new StringBuilder();
        _display_content.Append(str_HEAD);
        
        var required = false;
        
        var str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");
        var str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var str_LEN = dt.getValueByRow(row, "LEN");
        var str_display_name = this.str_display_name;
        var str_TAIL = dt.getValueByRow(row, "TAIL");
        
        if (element_param == "")
        {
            switch (str_TYPE.toUpperCase())
            {
                case "String".toUpperCase():
                case "Numeric".toUpperCase():
                    element_param = "cols='%cols%' rows='%rows%'";
                    element_param = element_param.ReplaceAll("%cols%", str_LEN);
                    break;
                case "DateTime".toUpperCase():
                    element_param = "cols='20' rows='3'";
                    break;
                case "Editor".toUpperCase():    
                    element_param = "style='width: 100%; height: 600'";
                    break;

                default:
                    element_param = "cols='50' rows='10'";
                    break;
            }
            
            var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");

            if (str_NOT_NULL == "1" && (this.str_namespace == "display.Edit.form" ||this.str_namespace == "display.AddNew.form")
               && element_disabled != "1")
            {
                element_param += " style=\"border-color:red\"";
                required = true;
            }
        }
        
        
        var str_display_name = this.str_display_name;
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
        
        if (str_TYPE.toUpperCase() == "Editor".toUpperCase())
            {
              _display_content.Append("<textarea id=\"%name%\" name=\"%name%\" %param% ></textarea>");
            }  
        else
             _display_content.Append( "<textarea id=\"%name%\" name=\"%name%\" %param% onkeypress=\"return imposeMaxLength(this, %len%);\" ></textarea>");
        _display_content.replace("%name%", element_name);
        _display_content.replace("%param%", element_param);
        _display_content.replace("%len%", str_LEN);
        _display_content.Append(str_TAIL);
        if (required)  
                  {
                      _display_content.Append(this.required_mark);
                  } ;

        $(str_display_name).innerHTML = _display_content.ToString();
        
        // 定義取得value的function, 由 get_element_value 呼叫
        function getValue(ele_name)
        {
             var ele = "__" + ele_name;
             ele = ele.ReplaceAll("\\.", "");
             return eval(ele + ".getHTML()");
        }
        
        function setValue(ele_name, ele_value)
        {
            var ele = "__" + ele_name;
            ele = ele.ReplaceAll("\\.", "");
            // eval(ele + ".setFullHTML(\""  + ele_value + "\");")            
            eval(ele + ".setFullHTML(ele_value);")
        }
       
        // 加入共用控制項
       if (str_TYPE.toUpperCase() == "Editor".toUpperCase()) controls.add(element_name, getValue, setValue);
    }

//***************************************************************************************************        
    this.create_button = function (row, element_name, element_param)
//***************************************************************************************************        
    {
        var dt = this.dt;

        var _display_content = "";
        var str_display_name = this.str_display_name;
        var linkurl = dt.getValueByRow(row, "LINKURL");
        var title = dt.getValueByRow(row, "TITLE");

        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
    
        _display_content = "<input type=\"button\" name=\"%name%\" value=\"%title%\" %param%>";
        _display_content = _display_content.ReplaceAll("%name%", element_name);
        _display_content = _display_content.ReplaceAll("%title%", title);
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        
        $(str_display_name).innerHTML = _display_content;

        if (linkurl != "") {
               var dialog = "1";
               var linkurl_param = dt.getValueByRow(row, "LINKURL_PARAM");
               var linkurl_addnew = dt.getValueByRow(row, "LINKURL_ADDNEW");
               var linkurl_edit = dt.getValueByRow(row, "LINKURL_EDIT");
               var linkurl_iframe = dt.getValueByRow(row, "LINKURL_IFRAME");
               set_element_event(element_name , "onclick", function () {
                                                              display_linkurl(linkurl,   linkurl_param, linkurl_addnew, linkurl_edit, linkurl_iframe); 
                                                              });
           
        }
    }
    
//***************************************************************************************************
    this.create_dbbutton = function(row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value, _name)
    //***************************************************************************************************        
    {
        if (typeof (schema_dt) == "undefined") {
            var detail = false
            var dt = this.dt;
        }
        else {
            var detail = true;
            var dt = schema_dt;
        }
        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var str_TAIL = dt.getValueByRow(row, "TAIL");


        var _display_content = "";
        var str_display_name = this.str_display_name;
        var linkurl = dt.getValueByRow(row, "LINKURL");
        var title = dt.getValueByRow(row, "TITLE");

        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);

        _display_content = str_HEAD + "<input type=\"button\" name=\"%name%\" onclick='dbbutton_onclick(this, %detail_row%, \"%name%\")' %param% >" + str_TAIL;
        _display_content = _display_content.ReplaceAll("%name%", element_name);
        _display_content = _display_content.ReplaceAll("%title%", title);
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        _display_content = _display_content.ReplaceAll("%detail_row%", detail_row);

        $(str_display_name).innerHTML = _display_content;


        // 定義取得value的function, 由 get_element_value 呼叫
        function getValue(ele_name) {
            return $(ele_name).value;
        }

        function setValue(ele_name, ele_value) {
            if (ele_value == "")
                $(ele_name).style.display = "none";
            else
                $(ele_name).style.display = "";
            $(ele_name).value = ele_value;
        }

        controls.add(element_name, getValue, setValue);
    }    
    
    
//***************************************************************************************************
    this.create_listbox = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value, _name, cache)
    //***************************************************************************************************        
    {
        if (typeof (cache) == "undefined") cache = false;
        var str_result = "";
        var SYS_LIST_ITEM = null;
        var _display_content = "";
        var required = false;

        if (typeof (schema_dt) == "undefined") {
            var detail = false
            var dt = this.dt;
        }
        else {
            var detail = true;
            var dt = schema_dt;
        }

        var LIST_DATA = dt.getValueByRow(row, "LIST_DATA");

        var TYPE = dt.getValueByRow(row, "TYPE");
        var transfer = false;
        if (TYPE.toUpperCase() == "TRANSFER") transfer = true;
        if (transfer) element_param = " multiple style='height:200px' ";

        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var str_TAIL = dt.getValueByRow(row, "TAIL");

        var _display_content = str_HEAD;
        var _display_content = "";
        var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");


        var str_not_null = dt.getValueByRow(row, "NOT_NULL");
        var _dt = new DataTable();
        var linkurl = dt.getValueByRow(row, "LINKURL");

        SYS_LIST_ITEM = dt.getValueByRow(row, "SYS_LIST_ITEM").split(",");

        if (element_param == "")
            element_param = "size='1'"

        if (str_not_null == "1" && (this.str_namespace == "display.Edit.form" || this.str_namespace == "display.AddNew.form")
               && element_disabled != "1") {
            element_param += " style=\"border-color:red\"";
            required = true;
        }

        var str_display_name = this.str_display_name;
        if (!detail) {
            str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
            str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
            str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
        }

        if (str_url != "") {
            str_url = str_url.ReplaceAll("%str_page_name%", str_page_name);
            try {
                str_result = _dt.connect(str_url, str_element_list, true);
            }
            catch (e) {

                window.status = "create_listbox DataTable.connect() 發生錯誤！";
                return (false);
            }
            if (!detail) {
                _display_content += _dt.getListBox(element_name, element_param, "0", "1");
                //_display_content += str_TAIL;
                if (required) {
                    _display_content += this.required_mark;
                };

                $(str_display_name).innerHTML = _display_content;
            }
        }

        var selected_name = element_name + "_selected";
        var list_var = "";

        if ((SYS_LIST_ITEM[0] != "" || LIST_DATA != "") && str_url == "") {
            try {
                if (detail) {
                    var t_list = str_element_list.split(",");
                    for (var i = 0; i < t_list.length; i++) {
                        if (t_list[i].indexOf("Detail") >= 0)
                            t_list[i] += "_" + (detail_row + 1).toString();
                        else {
                            if (get_element_value(t_list[i]) == "" && t_list[i].indexOf("Edit.") >= 0) {
                                var e_name = o_EditForm.form.dt_schema.getValueByIndex("ELE_NAME", t_list[i], "NAME");
                                set_element_value(t_list[i], o_EditForm.dt_data.getValue(e_name));
                            }
                        }
                    }
                    str_element_list = t_list.join(",");
                    // str_element_list += "_" + (detail_row + 1).toString();                
                }
                if (LIST_DATA != "") {
                    if (LIST_DATA.indexOf("=") > 0) {
                        list_var = LIST_DATA.split("=")[0];
                        LIST_DATA = LIST_DATA.substring(LIST_DATA.indexOf("=") + 1, LIST_DATA.length);
                        _dt = this.load_DATA_ListItem(LIST_DATA);
                        _list_data[list_var] = _dt.getListBox("%" + list_var + "%", element_param, "0", "1", str_not_null);
                    }
                    else if (LIST_DATA.indexOf("$") >= 0) {

                        list_var = LIST_DATA.substring(1, LIST_DATA.length);
                    }
                    else {
                        _dt = this.load_DATA_ListItem(LIST_DATA);
                    }
                }
                else
                    _dt = this.load_SYS_ListItem(SYS_LIST_ITEM[0], str_page_name, str_element_list, str_element_list, "&listname=" + SYS_LIST_ITEM[1], cache)

                if (_dt.getValue("flg_error") == "1") {
                    alert(_dt.getValue("message"));
                    return (false);
                }
            }
            catch (e) {

                window.status = "create_listbox DataTable.connect() 發生錯誤！";
                return (false);
            }
            if (!detail) {
                if (list_var != "")
                    _display_content += str_HEAD + _list_data[list_var].ReplaceAll("%" + list_var + "%", element_name);
                else
                    _display_content += str_HEAD + _dt.getListBox(element_name, element_param, "0", "1", str_not_null);

                if (linkurl != "" && element_disabled != "1") {
                    _display_content += "&nbsp;<img src=\"/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/tools.gif\" id=\"" + element_name + ".link\" name=\"" + element_name + ".link\" style='cursor:pointer' size='10'>";
                }
                if (transfer) { // 設定兩欄式

                    _display_content = "<table border='0'><tr><td><div>可挑選項目</div><div>" + _display_content + "</div></td>"
                    var button = "<td><div><button id='%button3%'>新增全部</button></div><div><button id='%button1%'>新增</button></div><div><button id='%button2%'>移除</button></div><div><button id='%button4%'>移除全部</button></td>"
                    button = button.ReplaceAll("%button1%", element_name + "_button1");
                    button = button.ReplaceAll("%button2%", element_name + "_button2");
                    button = button.ReplaceAll("%button3%", element_name + "_button3");
                    button = button.ReplaceAll("%button4%", element_name + "_button4");
                    _display_content += button;
                    var selected_html = "<td><div>已挑選項目</div><div><select id='%name%' name='%name%' multiple style='height:200px;width:200px'></select></div></td></table>";
                    selected_html = selected_html.ReplaceAll("%name%", selected_name);
                    _display_content += selected_html;

                }

                _display_content += str_TAIL;
                if (required) {
                    _display_content += this.required_mark;
                };


                $(str_display_name).innerHTML = _display_content;
                // $j("[name='" + element_name + "']").kendoDropDownList();
                // controls.add(element_name, getListValue, setListValue);
            }


            if (transfer) {
                var ele_name = element_name;
                $j("[name='" + element_name + "']").dblclick(function () {
                    if ($j("[name='" + element_name + "']").attr("disabled")) return;

                    $j("[name='" + ele_name + "'] option:selected").next().attr("selected", true).end().remove().appendTo("[name='" + selected_name + "']").attr("selected", false);
                    var my_options = $j("[name='" + selected_name + "']  option");
                    my_options.sort(function (a, b) {
                        return parseInt(a.order) > parseInt(b.order) ? 1 : -1;
                    });
                    $j("[name='" + selected_name + "']").empty().append(my_options);
                    return false;
                }
                                                  );

                $j("[name='" + selected_name + "']").dblclick(function () {
                    if ($j("[name='" + element_name + "']").attr("disabled")) return;
                    $j("[name='" + selected_name + "']  option:selected").next().attr("selected", true).end().remove().appendTo("[name='" + ele_name + "']").attr("selected", false);
                    var my_options = $j("[name='" + ele_name + "']  option");
                    my_options.sort(function (a, b) {
                        return parseInt(a.order) > parseInt(b.order) ? 1 : -1;
                    });
                    $j("[name='" + ele_name + "']").empty().append(my_options);
                    // $j("[name='" +  selected_name + "'] option:first").attr("selected", true); 
                    return false;
                }
                                                    );

                $j("[id='" + element_name + "_button1']").button({ icons: {
                    primary: 'ui-icon-arrowthick-1-e'
                },
                    text: false
                }).click(function () {
                    if ($j("[name='" + element_name + "']").attr("disabled")) return;
                    $j("[name='" + ele_name + "'] option:selected").next().attr("selected", true).end().remove().appendTo("[name='" + selected_name + "']").attr("selected", false);
                    var my_options = $j("[name='" + selected_name + "']  option");
                    my_options.sort(function (a, b) {
                        return parseInt(a.order) > parseInt(b.order) ? 1 : -1;
                    });
                    $j("[name='" + selected_name + "']").empty().append(my_options);
                    // $j("[name='" +  ele_name + "'] option:first").attr("selected", true); 
                    return false;
                }
                                                                    );
                $j("[id='" + element_name + "_button2']").button({ icons: {
                    primary: 'ui-icon-arrowthick-1-w'
                },
                    text: false
                }).click(function () {
                    if ($j("[name='" + element_name + "']").attr("disabled")) return;
                    $j("[name='" + selected_name + "']  option:selected").next().attr("selected", true).end().remove().appendTo("[name='" + ele_name + "']").attr("selected", false);
                    var my_options = $j("[name='" + ele_name + "']  option");
                    my_options.sort(function (a, b) {
                        return parseInt(a.order) > parseInt(b.order) ? 1 : -1;
                    });
                    $j("[name='" + ele_name + "']").empty().append(my_options);
                    // $j("[name='" +  selected_name + "'] option:first").attr("selected", true); 
                    return false;
                }
                                                                    );
                $j("[id='" + element_name + "_button3']").button({ icons: {
                    primary: 'ui-icon-seek-next'
                },
                    text: false
                }).click(function () {
                    if ($j("[name='" + element_name + "']").attr("disabled")) return;
                    $j("[name='" + ele_name + "'] option").remove().appendTo("[name='" + selected_name + "']").attr("selected", false);
                    var my_options = $j("[name='" + selected_name + "']  option");
                    my_options.sort(function (a, b) {
                        return parseInt(a.order) > parseInt(b.order) ? 1 : -1;
                    });
                    $j("[name='" + selected_name + "']").empty().append(my_options);

                    return false;
                }
                                                                    );
                $j("[id='" + element_name + "_button4']").button({ icons: {
                    primary: 'ui-icon-seek-prev'
                },
                    text: false
                }).click(function () {
                    if ($j("[name='" + element_name + "']").attr("disabled")) return;
                    $j("[name='" + selected_name + "']  option").remove().appendTo("[name='" + ele_name + "']").attr("selected", false);
                    var my_options = $j("[name='" + ele_name + "']  option");
                    my_options.sort(function (a, b) {
                        return parseInt(a.order) > parseInt(b.order) ? 1 : -1;
                    });
                    $j("[name='" + ele_name + "']").empty().append(my_options);
                    return false;
                }
                                                                    );
                controls.add(element_name, getValue, setValue);
            }

            // 定義取得value的function
            function getListValue(ele_name) {
                return $j("[name='" + ele_name + "']").data("kendoDropDownList").value();
            }

            function setListValue(ele_name, ele_value) {
                $j("[name='" + ele_name + "']").data("kendoDropDownList").value(ele_value);
            }


            function getValue(ele_name) {
                var a = new Array();
                $j("[name='" + selected_name + "'] option").each(function () {
                    a.push($j(this).val());
                }
                                                            );
                return a.join(",");
            }

            function setValue(ele_name, ele_value) {

                $j("[name='" + selected_name + "'] option").remove().appendTo($j("[name='" + ele_name + "']")).attr("selected", false);
                $j("[name='" + ele_name + "']").val(ele_value.split(","));
                $j("[name='" + ele_name + "'] option:selected").remove().appendTo("[name='" + selected_name + "']").attr("selected", false);
                var my_options = $j("[name='" + selected_name + "']  option");
                my_options.sort(function (a, b) {
                    return parseInt(a.order) > parseInt(b.order) ? 1 : -1;
                });
                $j("[name='" + selected_name + "']").empty().append(my_options);

                my_options = $j("[name='" + ele_name + "']  option");
                my_options.sort(function (a, b) {
                    return parseInt(a.order) > parseInt(b.order) ? 1 : -1;
                });
                $j("[name='" + ele_name + "']").empty().append(my_options);
                $j("[name='" + ele_name + "'] option:first").attr("selected", true);
                $j("[name='" + selected_name + "'] option:first").attr("selected", true);
                if ($j("[name='" + ele_name + "'] option").size() <= 0) $j("[name='" + ele_name + "']").width("150")
                if ($j("[name='" + selected_name + "'] option").size() <= 0) $j("[name='" + selected_name + "']").width("150")

            }
            // 加入共用控制項
            if (linkurl != "" && element_disabled != "1") {
                var dialog = "1";

                set_element_event(element_name + ".link", "onclick", function () {
                    var url = "/" + COMPANY_CODE + "/" + COMPANY_CODE + "/ToPage.aspx?SN=" + linkurl;
                    var url2 = "__"
                    try { url2 = get_linkurl_url(element_name, url) } catch (ex) { };
                    if (typeof (url2) != "undefined" && url2 != "__") url = url2;
                    if (url == "") return;

                    display_linkurl(linkurl, "", "", "", {
                        open_by_window: false, // true : window.open , false : dialog
                        iframe: "",
                        height: 760,
                        width: 800,
                        onclose: function () {
                            if (element_name.substring(0, 1) == "A")
                                o_AddNewForm.form.refresh_listbox(element_name, "Y");
                            else
                                o_EditForm.form.refresh_listbox(element_name, "Y");
                        }
                    });
                });
            }


            if (str_element_list != "") {
                // controls.add(element_name, get_cas_value, set_cas_value);
                var obj = this;
                var elements = str_element_list.split(",");
                if (elements.length == 1) {
                    if (this.functions == null) this.functions = new Array()
                    if ((element_name.indexOf("Edit.") >= 0 || element_name.indexOf("AddNew.") >= 0) && this.refreshing_listbox == false && !detail) {
                        var setValue2 = function (e_name, _value) {
                            var disabled = $j("[name='" + e_name + "']").attr("disabled")
                            obj.refresh_listbox(e_name);
                            $j("[name='" + e_name + "']").val(_value);
                            if (disabled) $j("[name='" + e_name + "']").attr("disabled", true);
                        };
                        var getValue2 = function (e_name) {
                            return ($j("[name='" + e_name + "']").val());
                        }
                        controls.add(element_name, getValue2, setValue2);
                    }
                    if (typeof (this.event_defined[element_name]) == "undefined") {
                        $j(document).on("change", "[name='" + str_element_list + "']", function () { obj.refresh_listbox(element_name); });
                        this.event_defined[element_name] = true;
                    }
                }
                else if (elements.length == 2) {
                    if (typeof (this.event_defined[element_name]) == "undefined") {
                        $j(document).on("change", "[name='" + elements[0] + "']", function () { obj.refresh_listbox(elements[1]); });
                        $j(document).on("change", "[name='" + elements[0] + "']", function () { obj.refresh_listbox(element_name); });
                        $j(document).on("change", "[name='" + elements[1] + "']", function () { obj.refresh_listbox(element_name); });
                        this.event_defined[element_name] = true;
                    }
                }
                else if (elements.length == 3) {
                    if (typeof (this.event_defined[element_name]) == "undefined") {
                        $j(document).on("[name='" + elements[0] + "']", function () { obj.refresh_listbox(elements[1]); });
                        $j(document).on("[name='" + elements[0] + "']", function () { obj.refresh_listbox(elements[2]); });
                        $j(document).on("[name='" + elements[0] + "']", function () { obj.refresh_listbox(element_name); });

                        $j(document).on("[name='" + elements[1] + "']", function () { obj.refresh_listbox(elements[2]); });
                        $j(document).on("[name='" + elements[1] + "']", function () { obj.refresh_listbox(element_name); });

                        $j(document).on("[name='" + elements[2] + "']", function () { obj.refresh_listbox(element_name); });
                        this.event_defined[element_name] = true;
                    }
                }
                else
                    alert("目前不支援4層下拉單");
            }

        }


        return (_dt);
    }

    this.refresh_listbox = function (element_name, keep_value, row_no) {

        this.refreshing_listbox = true;
        var dt = this.dt;
        var oldV = "";
        if (typeof (keep_value) != "undefined") {
            try { oldV = get_element_value(element_name) } catch (e) { };

        };
        var row = dt.Search("ELE_NAME", element_name);
        if (row != -1) {

            var str_url = dt.getValueByRow(row, "URL");
            var str_element_list = dt.getValueByRow(row, "ELE_LIST");
            var element_param = dt.getValueByRow(row, "ELE_PARAM");
            if (keep_value == "D")
                var _dt = this.create_listbox(row, element_name, element_param, str_url, str_element_list, dt, row_no - 1, "", "", "", true);
            else
                var _dt = this.create_listbox(row, element_name, element_param, str_url, str_element_list);

            dt.setValueByRow(row, "DATA", _dt);
            if (keep_value == "D") {
                //              if (get_element_value(str_element_list +  + "_" + row_no.toString()) == "")
                //                 $(element_name + "_" + row_no.toString()).options.length = 0;
                //              else
                _dt.setListBoxOption(element_name + "_" + row_no.toString(), "", "Value", "Label", "0", "1");
/*                var sel = $j("[name='" + element_name + "_" + row_no.toString() + "']");
                sel.find("option[value='']").text(""); */
                
            }
            if (oldV != "")
                set_element_value(element_name, oldV);
            if (dt.getValueByRow(row, "ELE_DISABLED") != "")
                set_element_disabled(element_name);
            this.refreshing_listbox = false;
            return (true);
        }
        else {
            this.refreshing_listbox = false;
            return (false);
        }
    }
//***************************************************************************************************        
    this.create_checkbox = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value,  _name)
//***************************************************************************************************        
    {
        var _display_content = "";
        var str_result = "";
        var SYS_LIST_ITEM = null;
        var required = false;
        var list_var  = "";

        if (typeof(schema_dt) == "undefined")
           {
              var detail = false
              var dt = this.dt;
           }   
        else
           {
              var detail = true;
              var dt = schema_dt;
           }   
           
       var str_HEAD = dt.getValueByRow(row, "HEAD");
       var str_NO_TD = dt.getValueByRow(row, "NO_TD");
           
       var LIST_DATA =  dt.getValueByRow(row, "LIST_DATA");;
           
        var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");           
        var str_not_null = dt.getValueByRow(row, "NOT_NULL");
        var _dt = new DataTable();
        SYS_LIST_ITEM = dt.getValueByRow(row, "SYS_LIST_ITEM").split(",");
        
        if (str_not_null == "1" && (this.str_namespace == "display.Edit.form" ||this.str_namespace == "display.AddNew.form")
               && element_disabled != "1")
            {
                element_param += " style=\"border-color:red\"";
                required = true;
            }
        
        
        if (element_param == "")
            element_param = "size='1'";            
        var str_display_name = this.str_display_name;
        if (!detail)
          {
            str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
            str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
            str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
          }          
        if (str_url != "")
        {
            str_url = str_url.ReplaceAll("%str_page_name%", str_page_name);
                        
            try
            {
                str_result = _dt.connect(str_url, str_element_list);
            }
            catch (e)
            {
                window.status = "create_checkbox DataTable.connect() 發生錯誤！";
                return (false);
            }
            _display_content = _dt.getListBox(element_name, element_param, "0", "1");
            $(str_display_name).innerHTML = _display_content;
        }
        
        if ((SYS_LIST_ITEM[0] != "" || LIST_DATA != "") && str_url == "")
        {
            try
            {
                if (LIST_DATA != "") 
                 {
                      if (LIST_DATA.indexOf("=") > 0)   
                          { 
                             list_var =  LIST_DATA.split("=")[0];    
                             LIST_DATA = LIST_DATA.substring(LIST_DATA.indexOf("=") + 1, LIST_DATA.length);
                             _dt = this.load_DATA_ListItem(LIST_DATA);
                             if (str_NO_TD != "")
                                _list_data[list_var] =  _dt.getCheckBox("%" +list_var + "%" , element_param, "Value", "Label", 4, "", true);
                             else 
                                _list_data[list_var] =  _dt.getCheckBox("%" +list_var + "%" , element_param, "Value", "Label", 4, "", false);
                          } 
                      else if (LIST_DATA.indexOf("$") >=0 ) 
                           {
                           
                              list_var = LIST_DATA.substring(1, LIST_DATA.length);
                           }
                      else 
                           {  
                             _dt = this.load_DATA_ListItem(LIST_DATA);
                           } 
                  }  
                else         
                   _dt = this.load_SYS_ListItem(SYS_LIST_ITEM[0], str_page_name, str_element_list, str_element_list, "&listname="+SYS_LIST_ITEM[1])
                
                if (_dt.getValue("flg_error") == "1")
                {
                    alert(_dt.getValue("message"));
                    return (false);
                }
            }
            catch (e)
            {
                window.status = "create_checkbox DataTable.connect() 發生錯誤！";
                return (false);
            }
            if (!detail)
             {         
                if (list_var != "")
                   _display_content +=  _list_data[list_var].ReplaceAll("%"+list_var+"%", element_name );
                else
                  {
                      if (str_NO_TD != "")
                         _display_content +=   _dt.getCheckBox(element_name, element_param, "Value", "Label", 4, "", true);
                      else                   
                         _display_content +=   _dt.getCheckBox(element_name, element_param, "Value", "Label", 4, "", false);
                  }     
                if (required)  
                  {
                      _display_content +=  this.required_mark;
                  } ;               
               $(str_display_name).innerHTML = str_HEAD + _display_content;
             }          
        }
                        

        return (_dt);
    }
    
    
    
//***************************************************************************************************    
    this.create_radiobutton = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value,  _name)
//***************************************************************************************************    
    {
        
        var _display_content = "";
        var list_var  = "";
        
        
        var str_result = "";
        var SYS_LIST_ITEM = null;
        var required = false;
        
        if (typeof(schema_dt) == "undefined")
           {
              var detail = false
              var dt = this.dt;
           }   
        else
           {
              var detail = true;
              var dt = schema_dt;
           }   
           
        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var str_NO_TD = dt.getValueByRow(row, "NO_TD");
       
        var LIST_DATA =  dt.getValueByRow(row, "LIST_DATA");;
    
        var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");                   
        var str_not_null = dt.getValueByRow(row, "NOT_NULL");
        var _dt = new DataTable();
        SYS_LIST_ITEM = dt.getValueByRow(row, "SYS_LIST_ITEM").split(",");

        if (str_not_null == "1" && (this.str_namespace == "display.Edit.form" ||this.str_namespace == "display.AddNew.form")
               && element_disabled != "1")
            {
                element_param += " style=\"border-color:red\"";
                required = true;
            }
                
        
        if (element_param == "")
            element_param = "size='1'"
        var str_display_name = this.str_display_name;
        if (!detail)
        {
            str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
            str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
            str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
        }
        if (str_url != "")
        {
            str_url = str_url.ReplaceAll("%str_page_name%", str_page_name);
                        
            try
            {
                str_result = _dt.connect(str_url, str_element_list);
            }
            catch (e)
            {
                window.status = "radiobutton DataTable.connect() 發生錯誤！";
                return (false);
            }
            _display_content = _dt.getListBox(element_name, element_param, "0", "1");
            $(str_display_name).innerHTML = _display_content;
        }
        
        if ((SYS_LIST_ITEM[0] != "" || LIST_DATA != "") && str_url == "")
        {
            try
            {
                if (LIST_DATA != "") 
                 {
                     if (LIST_DATA.indexOf("=") > 0)   
                          { 
                             list_var =  LIST_DATA.split("=")[0];    
                             LIST_DATA = LIST_DATA.substring(LIST_DATA.indexOf("=") + 1, LIST_DATA.length);
                             _dt = this.load_DATA_ListItem(LIST_DATA);
                             if (str_NO_TD != "")
                                _list_data[list_var] =  _dt.getRadioButton("%" +list_var + "%", element_param, "Value", "Label", 4, true);
                             else
                                _list_data[list_var] =  _dt.getRadioButton("%" +list_var + "%", element_param, "Value", "Label", 4,  false);
                          } 
                      else if (LIST_DATA.indexOf("$") >=0 ) 
                           {
                           
                              list_var = LIST_DATA.substring(1, LIST_DATA.length);
                           }
                      else 
                           {  
                             _dt = this.load_DATA_ListItem(LIST_DATA);
                           } 
                 
                 }  
                else  {     
                     _dt = this.load_SYS_ListItem(SYS_LIST_ITEM[0], str_page_name, str_element_list, str_element_list, "&listname="+SYS_LIST_ITEM[1])
                     }
                
                if (_dt.getValue("flg_error") == "1")
                {
                    alert(_dt.getValue("message"));
                    return (false);
                }
            }
            catch (e)
            {
                window.status = "radiobutton DataTable.connect() 發生錯誤！";
                return (false);
            }
           if (!detail)
             { 
                if (list_var != "")
                   _display_content +=  _list_data[list_var].ReplaceAll("%"+list_var+"%", element_name );
                else  {  if (str_NO_TD != "")
                           _display_content = _dt.getRadioButton(element_name, element_param, "Value", "Label", 4, true);
                         else          
                            _display_content = _dt.getRadioButton(element_name, element_param, "Value", "Label", 4,  false);
                 }        
               if (required)  
                  {
                      _display_content +=  this.required_mark;
                  } ;               
               
               $(str_display_name).innerHTML = str_HEAD  + _display_content;
             }                       
        }
                        

        return (_dt);        
    }
    
    this.create_space = function (element_name, element_param, str_url, str_element_list)
    {
        var display_name = "display.space." + element_name;
        var combobox_name = "index_textbox." + element_name;
        var old_value_name = "index_textbox." + element_name + ".old";
        var element_label_name = "index_textbox." + element_name + ".label";
        var str_result = "";
        var _display_content = "<table border=\"0\">"
            + "\n   <tr>"
            + "\n       <td>"
            + "\n           <input name=\"%name%\" type=\"text\" %param%  readonly style='border-width:0' ><br>"
            + "\n       </td>"
            + "\n   </tr>"
            + "\n   <tr>"
            + "\n       <td id=\"display.index_textbox.%name%\"></td>"
            + "\n   </tr>"
            + "\n</table>"
            ;
            
        var str_display_name = this.str_display_name;
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
                        
        _display_content = _display_content.ReplaceAll("%name%", element_name);
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        _display_content = _display_content.ReplaceAll("%old_value_name%", old_value_name);
        _display_content = _display_content.ReplaceAll("%element_label_name%", element_label_name);
        $(str_display_name).innerHTML = _display_content;
                        
        if (str_element_list == "")
            str_element_list = element_name;
        else
            str_element_list += "," +element_name;
                        
        str_url += "&key_name=" + element_name;
        str_url = str_url.ReplaceAll("%page_name%", str_page_name);
        this.index_textbox_init(element_name, str_url, str_element_list);
    }
    
    this.create_index_textbox = function (element_name, element_param, str_url, str_element_list)
    {
        var display_name = "display.index_text." + element_name;
        var combobox_name = "index_textbox." + element_name;
        var old_value_name = "index_textbox." + element_name + ".old";
        var element_label_name = "index_textbox." + element_name + ".label";
        var str_result = "";
        var _display_content = "<table border=\"0\">"
            + "\n   <tr>"
            + "\n       <td>"
            + "\n           <input name=\"%name%\" type=\"text\" %param%  maxlength='50' size='10'>"
            + "\n           <input name=\"%element_label_name%\" type=\"text\" %param% readonly=\"readonly\" style='border-width:0'  size='10'>"
            + "\n           <input name=\"%old_value_name%\" type=\"hidden\" >"
            + "\n       </td>"
            + "\n   </tr>"
            + "\n   <tr>"
            + "\n       <td id=\"display.index_textbox.%name%\" colspan='2'></td>"
            + "\n   </tr>"
            + "\n</table>"
            ;
            
        var str_display_name = this.str_display_name;
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
                        
        _display_content = _display_content.ReplaceAll("%name%", element_name);
        _display_content = _display_content.ReplaceAll("%param%", element_param);
        _display_content = _display_content.ReplaceAll("%old_value_name%", old_value_name);
        _display_content = _display_content.ReplaceAll("%element_label_name%", element_label_name);
        $(str_display_name).innerHTML = _display_content;
                        
        if (str_element_list == "")
            str_element_list = element_name;
        else
            str_element_list += "," + element_name;
                        
        str_url += "&key_name=" + element_name;
        str_url = str_url.ReplaceAll("%page_name%", str_page_name);
        this.index_textbox_init(element_name, str_url, str_element_list);
        
        
    }

    this.create_index_button_textbox = function (row, element_name, element_param, str_url, str_element_list, schema_dt, detail_row, control_name, _value, _name) {
        var dt = this.dt;
        if (typeof (schema_dt) == "undefined") {
            var detail = false
            var dt = this.dt;
        }
        else {
            var detail = true;
            var dt = schema_dt;
        }

        var str_HEAD = dt.getValueByRow(row, "HEAD");
        var str_TYPE = dt.getValueByRow(row, "TYPE");
        var is_select_type = str_TYPE.toUpperCase() == "SELECT" ? true : false;

        var display_name = "display.index_text." + element_name;
        var combobox_name = "index_textbox." + element_name;
        var old_value_name = "index_textbox." + element_name + ".old";
        var element_label_name = "index_textbox." + element_name + ".label";
        var element_button_name = "index_textbox." + element_name + ".button";
        var element_flag_name = "index_textbox." + element_name + ".flag";
        var str_result = "";
        element_param = "";
        var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");
        var str_NO_TD = dt.getValueByRow(row, "NO_TD");

        var str_not_null = dt.getValueByRow(row, "NOT_NULL");
        var str_LEN = dt.getValueByRow(row, "LEN");
        var required = false;

        if (str_not_null == "1" && (this.str_namespace == "display.Edit.form" || this.str_namespace == "display.AddNew.form")
               && element_disabled != "1") {
            element_param += " style=\"border-color:red\"";
            required = true;
        }

        var img_html = " <img src=\"/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/search2.gif\" id=\"%element_button_name%\" name=\"%element_button_name%\" style='cursor:pointer'>";
        var label_html = "<input name=\"%element_label_name%\" type=\"text\" readonly=\"readonly\" onfocus=\"this.blur()\" tabindex=-1   style='border-width:0;font-size:12px'  size='40'>";
        //        var label_html = "<input name=\"%element_label_name%\" type=\"text\" readonly=\"readonly\" onfocus=\"this.blur()\" tabindex=-1   style='border-width:0;font-size:12px'  size='%LEN%'>";
        var _display_content = new StringBuilder();
        if (str_NO_TD != "")
            _display_content.Append(
                "<span style='white-space:nowrap;'>"
                + "\n            " + str_HEAD + "<span style='position:relative;'><input name=\"%name%\" type=\"text\" ele_type=\"index_button_textbox\" %param% maxlength='50' size='10' pageno=\"1\" >"
                + "\n                  <div id=\"display.index_textbox.%name%\" name=\"display.index_textbox.%name%\" style='cursor:pointer;position:absolute;bottom:-100px;left:0px;z-index:999;'></div>"
                + "\n           </span>"
                + "\n          " + (is_select_type ? label_html : img_html)
                + "\n          " + (is_select_type ? img_html : label_html)
                + "\n           <input name=\"%old_value_name%\" type=\"hidden\" >"
                + "\n           <input name=\"%flag_name%\" type=\"hidden\" value='0'>"
                + "</span>"
                );
        else
            _display_content.Append(
            "<table border=\"0\">"
                + "\n   <tr>"
                + "\n       <td style='white-space:nowrap;'>"
                + "\n            " + str_HEAD + "<input  pageno=\"1\" name=\"%name%\"  ele_type=\"index_button_textbox\" type=\"text\" %param% maxlength='50' size='10' " + ((MEdit == 0 || element_name.substring(0, 1) != "A") ? "" : "style='font-size:11px'") + ">"
                + "\n           " + (is_select_type ? label_html : img_html)
        //+ "\n           <input name=\"%element_label_name%\" type=\"text\" tabindex=-1 readonly=\"readonly\"  onfocus=\"this.blur()\" style='border-width:0;" + ((MEdit == 0 || element_name.substring(0, 1) != "A") ? "" : "font-size:11px") + "'  size='25'>"
                + "\n          " + (is_select_type ? img_html : label_html)
                + "\n           <input name=\"%old_value_name%\" type=\"hidden\" >"
                + "\n           <input name=\"%flag_name%\" type=\"hidden\" value='0'>"
                + "\n       </td>"
                + "\n   </tr>"
                + "\n</table>"
                + "\n <div id=\"display.index_textbox.%name%\" name=\"display.index_textbox.%name%\" style='cursor:pointer;position:absolute;z-index:999;'></div>");

        //if ($j("[name='display.index_textbox." + element_name + "']").size() == 0)
        //     $j(document.body).append("<div id=\"display.index_textbox." + element_name + "\" name=\"display.index_textbox." + element_name + "\" style='cursor:pointer;position:absolute;z-index:999;'></div>");
        var element_onblur = "";
        if (detail) {
            element_onblur += "%ControlName%.td_onblur(%row%, '%ColumnName%', $(element_name).value);";
            element_onblur = element_onblur.ReplaceAll("%row%", detail_row - 1);
            element_onblur = element_onblur.ReplaceAll("%ColumnName%", _name);
            element_onblur = element_onblur.ReplaceAll("%ControlName%", control_name);

        }

        var str_display_name = this.str_display_name;
        str_display_name = str_display_name.ReplaceAll("%namespace%", this.str_namespace);
        str_display_name = str_display_name.ReplaceAll("%FormName%", this.str_form_name);
        str_display_name = str_display_name.ReplaceAll("%EleName%", element_name);
        if (is_select_type) element_param += " style='display:none;' "
        _display_content.replace("%name%", element_name);
        _display_content.replace("%param%", element_param);
        _display_content.replace("%old_value_name%", old_value_name);
        _display_content.replace("%element_label_name%", element_label_name);
        _display_content.replace("%element_button_name%", element_button_name);
        _display_content.replace("%flag_name%", element_flag_name);
        _display_content.replace("%LEN%", str_LEN);
        if (required) {
            _display_content.Append(this.required_mark);
        };

        $(str_display_name).innerHTML = _display_content.ToString();

        str_url += "&search_element=" + str_element_list;

        if (str_element_list == "")
            str_element_list = element_name;
        else
            str_element_list += "," + element_name;

        str_url += "&key_name=" + element_name;
        str_url = str_url.ReplaceAll("%page_name%", str_page_name);

        function get_str_element_list() {
            var eles = str_element_list.split(",")
            var rows = (eles[eles.length - 1].split("_"));
            var row = rows[rows.length - 1];
            var ele_list = "";
            for (var cnt = 0; cnt < eles.length - 1; cnt++) {
                if (eles[cnt].indexOf("Detail") > 0)
                    eles[cnt] = eles[cnt] + "_" + row;
            }
            return eles.join(",");

        }

        // 定義取得value的function, 由 get_element_value 呼叫
        function getValue(ele_name) {
            var _element = document.getElementsByName(ele_name);
            return _element[0].value;

        }

        function setValue(ele_name, ele_value) {
            var _element = document.getElementsByName(ele_name);
            var _element2 = document.getElementsByName("index_textbox." + ele_name + ".label");
            var _element3 = document.getElementsByName("display.index_textbox." + ele_name); //combobox
            var _element4 = document.getElementsByName("index_textbox." + ele_name + ".button");
            var _element5 = document.getElementsByName("index_textbox." + ele_name + ".flag");
            if (_element.length == 1 && _element2.length == 1) {
                if (ele_value == "") {
                    _element[0].value = "";
                    _element2[0].value = "";
                }
                else {
                    var _dt = new DataTable();

                    _element[0].value = ele_value;
                    var key = str_url.split("=")[2].split("&")[0] + ele_value;
                    if (typeof (list_cache[key]) != "undefined") {
                        _element2[0].value = list_cache[key];
                        return;
                    }

                    if (str_url.indexOf("&_key=") == -1) str_url += "&_key=1";
                    if (detail) {
                        str_element_list = get_str_element_list();
                    }
                    var str_result = _dt.connect(str_url, str_element_list);
                    if (_dt.MaxRow() == 1) {

                        try {
                            var _value = _dt.getRowValue(0, "value");
                            var _lable = _dt.getValueByIndex("value", _value, "label");
                            list_cache[key] = _lable;
                            //set_element_value(element_label_name, _lable);

                            if (_element[0].value != _value) {
                                _element2[0].value = "";
                                return;
                            }
                            _element2[0].value = _lable;

                        }
                        catch (e) { }

                    }
                    else
                        _element2[0].value = "";
                    _element3[0].innerHTML = "";

                }; // else
                _element3[0].innerHTML = "";
                _element4[0].src = "/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/search2.gif";
                _element5[0].value = "0";
                try {
                    if (detail && o_DetailGrid.dg.dt.MaxRow() >= detail_row) {
                        o_DetailGrid.dg.td_onblur(detail_row - 1, _name, _element[0].value);
                    }
                }
                catch (e) { };

            }
        }

        // 加入共用控制項
        controls.add(element_name, getValue, setValue);
        this.index_textbox_button_init(element_name, str_url, str_element_list, schema_dt, element_onblur, is_select_type);
        if (detail) return _display_content;

    }
    
    
    
    this.create_element_by_name = function (str_name)
    {
        var dt = this.dt;
        var i_row = dt.Search("NAME", str_name);
        
        if (i_row != -1)
            this.create_element_by_row(i_row);
    }
    
    this.create_element_by_row = function (row)
    {
        var dt = this.dt;
        var this_row = null;

            this_row = row;
            var element_name = dt.getValueByRow(row, "ELE_NAME");
            var element_type = dt.getValueByRow(row, "ELE_TYPE");
            var element_param = dt.getValueByRow(row, "ELE_PARAM");
            var element_initialize = dt.getValueByRow(row, "ELE_INIT");
            var element_value = dt.getValueByRow(row, "ELE_VALUE");
            var element_default = dt.getValueByRow(row, "ELE_DEFAULT");
            var element_disabled = dt.getValueByRow(row, "ELE_DISABLED");
            var element_hide = dt.getValueByRow(row, "ELE_HIDE");
            var element_memo = dt.getValueByRow(row, "ELE_MEMO");
            var _display_content = "";
            
            if (element_type.toUpperCase() == "TITLE") return;
            
            switch (element_type)
            {
                case "text":
                    this.create_textbox(row, element_name, element_param);
                    break;
                case "label":
                    this.create_label(row, element_name, element_param);
                    break;    
                case "password":
                    this.create_password(row, element_name, element_param);
                    break;
                case "textarea":
                    this.create_textarea(row, element_name, element_param);
                    break;
                case "button":
                    this.create_button(row, element_name, element_param);
                    break;
                case "select":
                    var str_url = dt.getValueByRow(row, "URL");
                    var str_element_list = dt.getValueByRow(row, "ELE_LIST");
                    var _dt = this.create_listbox(row, element_name, element_param, str_url, str_element_list);
                    
                    dt.setValueByRow(row, "DATA", _dt);
                    break;
                case "checkbox":
                    var str_url = dt.getValueByRow(row, "URL");
                    var str_element_list = dt.getValueByRow(row, "ELE_LIST");
                    var _dt = this.create_checkbox(row, element_name, element_param, str_url, str_element_list);
                    
                    dt.setValueByRow(row, "DATA", _dt);
                    break;
                case "radiobutton":
                    var str_url = dt.getValueByRow(row, "URL");
                    var str_element_list = dt.getValueByRow(row, "ELE_LIST");
                    var _dt = this.create_radiobutton(row, element_name, element_param, str_url, str_element_list);
                    
                    dt.setValueByRow(row, "DATA", _dt);
                    break;
                case "index_textbox":
                    var str_url = dt.getValueByRow(row, "URL");
                    var str_element_list = dt.getValueByRow(row, "ELE_LIST");
                    
                    this.create_index_textbox(element_name, element_param, str_url, str_element_list);
                    break;
                case "index_button_textbox":
                    var str_url = dt.getValueByRow(row, "URL");
                    var str_element_list = dt.getValueByRow(row, "ELE_LIST");
                    this.create_index_button_textbox(row, element_name, element_param, str_url, str_element_list);
                    break;

                case "space":
                    var str_url = dt.getValueByRow(row, "URL");
                    var str_element_list = dt.getValueByRow(row, "ELE_LIST");
                    this.create_space(element_name, element_param, str_url, str_element_list);
                default:
                    str_create  = "this.create_"+ element_type + "(row, element_name, element_param);"  
                    eval (str_create);
                    break;
                
            }
             try {
                 for (var i =0 ; i < this.functions.length; i++) 
                   { 
                     this.functions[i](); 
                   }
            }
            catch (e) {};   
            this.functions = null;
            if (element_value != "")
                set_element_value(element_name, element_value);
            else
                set_element_value(element_name, element_default);
                
            if (element_initialize != "")
            {
                var obj = return_json_object(element_initialize);
                    
                try
                {
                    obj.initialize();
                }
                catch (e) {}
            }
            if (element_disabled != "")
                set_element_disabled(element_name, true);
            else
                set_element_disabled(element_name, false);
    }
    
    this.create_form = function ()
    {
        var dt = this.dt;
        var this_row = null;
        
        for (var row = 0; row < dt.MaxRow(); row++)
        {
            try
            {
                this.create_element_by_row(row);
                

            }
            catch (e)
            {
              //  window.status = "clsForm.create_form() 發生錯誤：" + row + " -- " + e.Message;
            }
        }

    }


    this.index_textbox_init = function (element_name, str_url, str_element_list) {
        var dt = this.dt;
        var display_name = "display.index_textbox." + element_name;
        var combobox_name = "index_textbox." + element_name;
        var old_value_name = "index_textbox." + element_name + ".old";
        var element_label_name = "index_textbox." + element_name + ".label";


        display_label = function () {
            var _dt = new DataTable();
            var str_result = _dt.connect(str_url, str_element_list);

            if (_dt.MaxRow() == 1) {
                try {
                    var _value = _dt.getRowValue(0, "value");
                    var _lable = _dt.getValueByIndex("value", _value, "label");
                    set_element_value(element_label_name, _lable);
                    set_element_value(element_name, _value);
                }
                catch (e) { }

                $(display_name).innerHTML = "";

            }
            else
                set_element_value(element_label_name, "");

        };


        set_element_event(element_name, "onblur", display_label);

        set_element_event(element_name, "onkeyup",
            function () {
                var str_result = "";
                var str_listbox = "";
                var _dt = new DataTable();
                var _old_value = get_element_value(old_value_name);
                var _value = get_element_value(element_name);
                var str_param = "size=\"%size%\"";

                str_param = str_param.ReplaceAll("%size%", "10");

                set_element_value(old_value_name, _value);

                if (_old_value == _value)
                    return (false);

                if (_value == "") {
                    $(display_name).innerHTML = "";
                    set_element_value(element_name, "");
                    set_element_value(element_label_name, "");

                    return (false);
                }

                try {
                    //alert(str_url + " " + str_element_list)
                    str_result = _dt.connect(str_url, str_element_list);
                    //alert(str_result);

                    dt.setValueByIndex("ELE_NAME", element_name, "DATA", _dt);
                    if (_dt.MaxRow() == 0) {
                        $(display_name).innerHTML = "";
                        return (false);
                    }
                }
                catch (e) {
                    alert("index_textbox -> DataTable.connect() 發生錯誤！");
                    return (false);
                }

                str_listbox = _dt.getListBox(combobox_name, str_param, "value", "label", "0", "1");
                //alert(str_listbox);
                $(display_name).innerHTML = str_listbox;

                set_element_event(combobox_name, "onchange",
                    function () {
                        var _dt = dt.getValueByIndex("ELE_NAME", element_name, "DATA");

                        try {
                            var _value = get_element_value(combobox_name);
                            var _lable = _dt.getValueByIndex("value", _value, "label");
                            set_element_value(element_label_name, _lable);
                            set_element_value(element_name, _value);
                        }
                        catch (e) { }
                        $(display_name).innerHTML = "";
                    }
                );
            }
        );
    }


    this.index_textbox_button_init = function (element_name, str_url, str_element_list, dt_detail, element_onblur, is_select_type) {
        if (this.dt.MaxRow() > 0)
            var dt = this.dt;
        else
            var dt = dt_detail;
        var display_name = "display.index_textbox." + element_name;
        var combobox_name = "index_textbox." + element_name;
        var old_value_name = "index_textbox." + element_name + ".old";
        var element_label_name = "index_textbox." + element_name + ".label";
        var element_button_name = "index_textbox." + element_name + ".button";
        var element_flag_name = "index_textbox." + element_name + ".flag";
        var not_fond = "<DIV style='width:150;height:30;z-index=100;background-color:#FFFFFF;border:solid 1px navy;z-index:999;'><IMG SRC='" + "/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/warn.png' style='margin-left:3;margin-top:5'><SPAN style='font-size:14px;color:#ff0000;font-weight:bold;border;margin-left:8'>No item found!!</SPAN></DIV>";
        var old_str_element_list = str_element_list;
        var select_type = is_select_type;
        get_detail_elename_name = function (element_name) {
            var a = element_name.split("_")
            a.pop();
            return (a.join("_"));
        }

        function get_str_element_list() {
            str_element_list = old_str_element_list;
            if (str_element_list.indexOf("@") > 0) return;
            var eles = str_element_list.split(",")
            var rows = (eles[eles.length - 1].split("_"));
            var row = rows[rows.length - 1];
            var ele_list = "";
            for (var cnt = 0; cnt < eles.length - 1; cnt++) {
                if (eles[cnt].indexOf("Detail") > 0)
                    eles[cnt] = eles[cnt] + "_" + row;
            }
            return eles.join(",") + "@";
        }
        display_label = function () {
            if ($(display_name).innerHTML != "") return;
            set_element_value(element_name, get_element_value(element_name));
            // $(display_name).innerHTML = "";
            $(element_flag_name).value = "0";
            if (element_onblur != "")
                eval(element_onblur);
            $(element_button_name).src = "/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/search2.gif";
            try
            { if (element_name.substring(0, 7) == "Search.") $("display.form.Result").innerHTML = ""; } catch (e) { };
            if (element_name.substring(0, 1) == "A" || element_name.substring(0, 1) == "E") {
                // if ($(element_label_name).value == "") $(element_name).value = "";
            }
            if (select_type) $j("[name='" + element_name + "']").trigger("change");
            if (typeof (after_index_textbox_onchange) != "undefined") {
                after_index_textbox_onchange(element_name, $(element_name).value, $(element_label_name).value);
            }
            cancelBuble();

        };


        set_element_event(element_name, "onblur", display_label);

        set_element_event(element_name, "onclick", function (ev) { cancelBuble(ev); })

        $j("body").bind("click", function () {
            try {
                $(element_flag_name).value = "0";
                $(display_name).innerHTML = "";
                $(element_button_name).src = "/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/search2.gif";
            } catch (e) { };
        })


        button_action = function (ev, _e_name) {
            if (typeof _e_name != "undefined") element_name = _e_name;
            // window.event.CancelBubble=true;        
            if ($(element_name).disabled == true) return;
            if ($(element_flag_name).value == "0") {
                $(element_flag_name).value = "1";
                $(element_button_name).src = "/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/return.gif";
                var str_result = "";
                var str_listbox = "";
                var _dt = new DataTable();
                var _old_value = get_element_value(old_value_name);
                var _value = get_element_value(element_name);
                var str_param = "size=\"%size%\"";

                if ($(element_flag_name).value == "0") return;

                str_param = str_param.ReplaceAll("%size%", "10");

                window.status = "";
                if (select_type) if (str_url.indexOf("SELECT=") < 0) str_url += "&SELECT=1";

                try {
                    //alert(str_url + " " + str_element_list)
                    if (typeof (dt_detail) != "undefined")
                        str_element_list = get_str_element_list();
                    str_result = _dt.connect(str_url, str_element_list.ReplaceAll("@", ""));
                    //alert(str_result);
                    if (typeof (dt_detail) != "undefined") {
                        dt_detail.setValueByIndex("ELE_NAME", get_detail_elename_name(element_name), "DATA", _dt);
                    }
                    else
                        dt.setValueByIndex("ELE_NAME", element_name, "DATA", _dt);
                    if (_dt.MaxRow() == 0) {
                        $(display_name).innerHTML = not_fond;
                        window.status = "No item found!!";
                        return (false);
                    }
                }
                catch (e) {
                    alert("index_textbox -> DataTable.connect() 發生錯誤！");
                    return (false);
                }

                // setControlPosition("display.index_textbox." + element_name, "div." + element_name);
                str_listbox = _dt.getListBox(combobox_name, str_param, "value", "label", "0", "1");
                //alert(str_listbox);
                $(display_name).innerHTML = str_listbox;
                $(combobox_name).focus();

                list_change = function (ev) {
                    if (typeof (dt_detail) != "undefined") {
                        dt_detail.setValueByIndex("ELE_NAME", get_detail_elename_name(element_name), "DATA", _dt);
                    }
                    else
                        dt.setValueByIndex("ELE_NAME", element_name, "DATA", _dt);
                    try {
                        var _value = get_element_value(combobox_name);
                        var _label = _dt.getValueByIndex("value", _value, "label");
                        if (_value == "err!" || _value == "") {
                            //$(element_label_name).value ="";
                            // $(element_name).value = "";
                            set_element_value(element_name, "");
                        }
                        else {
                            // $(element_label_name).value = _label;
                            // $(element_name).value = _value;
                            set_element_value(element_name, _value);
                        }
                    }
                    catch (e) { }
                    $(display_name).innerHTML = "";
                    $(element_flag_name).value = "0";
                    $(element_button_name).src = "/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/search2.gif";
                    if (element_onblur != "")
                        eval(element_onblur);

                    try
                    { if (element_name.substring(0, 7) == "Search.") $("display.form.Result").innerHTML = ""; } catch (e) { };

                    if (element_name.substring(0, 1) == "A" || element_name.substring(0, 1) == "E") {
                        // if ($(element_label_name).value == "") $(element_name).value = "";
                    }
                    if (select_type) $j("[name='" + element_name + "']").trigger("change");
                    if (typeof (after_index_textbox_onchange) != "undefined") {
                        after_index_textbox_onchange(element_name, $(element_name).value, $(element_label_name).value);
                    }

                };     // list_change

                set_element_event(combobox_name, "onclick", list_change);
            }
            else {
                $(element_flag_name).value = "0";
                $(display_name).innerHTML = "";
                $(element_button_name).src = "/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/search2.gif";
            }
            cancelBuble(arguments[0]);
        }; // button_action


        set_element_event(element_button_name, "onclick", button_action);
        set_element_event(element_name, "onkeyup", function (ev) {
            var str_result = "";
            var str_listbox = "";
            var _dt = new DataTable();
            var _old_value = get_element_value(old_value_name);
            var _value = get_element_value(element_name);
            var str_param = "size=\"%size%\"";
            $j("[name='" + element_name + "']").attr("pageno", "1");
            if ($(element_flag_name).value == "0") {
                if (window.event.keyCode == 40) {
                    //       button_action();
                    return;
                }
                else
                    return;
            }
            str_param = str_param.ReplaceAll("%size%", "10");

            window.status = "";

            try {
                if (typeof (dt_detail) != "undefined")
                    str_element_list = get_str_element_list();

                str_result = _dt.connect(str_url, str_element_list.ReplaceAll("@", ""));
                if (typeof (dt_detail) != "undefined") {
                    dt_detail.setValueByIndex("ELE_NAME", get_detail_elename_name(element_name), "DATA", _dt);
                }
                else
                    dt.setValueByIndex("ELE_NAME", element_name, "DATA", _dt);
                if (_dt.MaxRow() == 0) {
                    $(display_name).innerHTML = not_fond;
                    window.status = "No item found!!";
                    return (false);
                }
            }
            catch (e) {
                alert("index_textbox -> DataTable.connect() Error！");
                return (false);
            }

            str_listbox = _dt.getListBox(combobox_name, str_param, "value", "label", "0", "1");
            $(display_name).innerHTML = str_listbox;

            list_change = function () {
                if (dt.MaxRow() == 0) {
                    dt_detail.setValueByIndex("ELE_NAME", get_detail_elename_name(element_name), "DATA", _dt);
                }
                else
                    dt.setValueByIndex("ELE_NAME", element_name, "DATA", _dt);
                try {
                    var _value = get_element_value(combobox_name);
                    var _label = _dt.getValueByIndex("value", _value, "label");
                    if (_value == "err!" || _value == "") {
                        set_element_value(element_name, "");
                    }
                    else {
                        set_element_value(element_name, _value);
                    }
                }
                catch (e) { }
                $(display_name).innerHTML = "";
                $(element_flag_name).value = "0";
                $(element_button_name).src = "/" + COMPANY_CODE + "/" + COMPANY_CODE + "/img/search2.gif";
                try
                { if (element_name.substring(0, 7) == "Search.") $("display.form.Result").innerHTML = ""; } catch (e) { };

                if (element_name.substring(0, 1) == "A" || element_name.substring(0, 1) == "E") {
                    // if ($(element_label_name).value == "") $(element_name).value = "";
                }

                if (select_type) $j("[name='" + element_name + "']").trigger("change");
                if (typeof (after_index_textbox_onchange) != "undefined") {
                    after_index_textbox_onchange(element_name, $(element_name).value, $(element_label_name).value);
                }

            };
            set_element_event(combobox_name, "onclick", list_change);
            cancelBuble(ev);
        }
            );

    }
    
    this.FillValue = function (dt)
    {
        for (var row = 0; row < this.dt.MaxRow(); row++)
        {
            var _field_name = this.dt.getValueByRow(row, "NAME");
            var str_ELE_DEFAULT = this.dt.getValueByRow(row, "ELE_DEFAULT");
            var _field_value = null;
            
            if (dt.MaxRow() == 0)
                _field_value = "";
            else
            {
                _field_value = dt.getValue(_field_name);
            }
            
            if (_field_value == "")
                _field_value = str_ELE_DEFAULT;
            
            this.dt.setValueByRow(row, "ELE_VALUE", _field_value);
        }
    }
    
    this.push_function = function (f)
    {
       if (this.functions == null)
          this.functions = new Array();
       this.functions.push(f);   
    }
    
    
     this.FillDetailValue = function (dt, dt_detail)
    {
        for (var row = 0; row < dt_detail.MaxRow(); row++)
        {
            var _field_name = dt_detail.getValueByRow(row, "NAME");
            var str_ELE_DEFAULT = dt_detail.getValueByRow(row, "ELE_DEFAULT");
            var _field_value = null;
            
            if (dt.MaxRow() == 0)
                _field_value = "";
            else
            {
                _field_value = dt.getValue(_field_name);
            }
            
            if (_field_value == "")
                _field_value = str_ELE_DEFAULT;
            
            dt_detail.setValueByRow(row, "ELE_VALUE", _field_value);
        }
    }
    
    this.RefreshValue = function ()
    {
        var dt = this.dt;
        for (var row = 0; row < dt.MaxRow(); row++)
        {
            var _element_name = dt.getValueByRow(row, "ELE_NAME");
            var _value = dt.getValueByRow(row, "ELE_VALUE");
            
            set_element_value(_element_name, _value);
            
            try { $(_element_name + ".message").innerHTML = ""; hide(_element_name + ".message"); } catch (e) {}
        }
    }
    
    this.RefreshDetailValue = function (dt)
    {
        for (var row = 0; row < dt.MaxRow(); row++)
        {
            var _element_name = dt.getValueByRow(row, "ELE_NAME");
            var _value = dt.getValueByRow(row, "ELE_VALUE");
            
            set_element_value(_element_name, _value);
            
            try { $(_element_name + ".message").innerHTML = ""; hide(_element_name + ".message"); } catch (e) {  }
        }
    }

    this.DataCollection = function () {
        this.flg_error = false;
        this.error_msg = new Array();
        var dt = this.dt;
        for (var row = 0; row < dt.MaxRow(); row++) {
            var _element_name = dt.getValueByRow(row, "ELE_NAME");
            var _value = get_element_value(_element_name);
            var _ele_type = dt.getValueByRow(row, "ELE_TYPE");

            dt.setValueByRow(row, "ELE_VALUE", _value);
            if (_ele_type == "label") continue;

            this.set_message(_element_name, "");
            this.check_not_null(row);
            if (_ele_type == "text" || _ele_type == "textarea")
                this.check_length(row);
            if (_ele_type != "select" && _ele_type != "checkbox" && _ele_type != "radiobuttom") {
                this.check_numeric(row);

                //根據 欄位資料型態 做檢查
                this.check_Numeric_by_type(row);
                this.check_datetime(row);
                this.check_Integer(row);
                this.check_YearMon(row);
                this.check_date(row);
                this.check_time(row);
            }
            this._check_my_error(row);

        }
        if (flg_error_tab != "") showTab(flg_error_tab);

    }

    this._check_my_error = function (row, isDetail, detailRow, dt_data) {
        if (typeof (isDetail) == "undefined")
            var isDetail = false;

        var dt = this.dt;
        if (isDetail)
            var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
            var _element_name = dt.getValueByRow(row, "ELE_NAME");
        var _name = dt.getValueByRow(row, "NAME");
        var _value = get_element_value(_element_name);
        var mode = _element_name.split(".")[0];
        var rule = "";
        if (isDetail) {
            try { rule = dt_data.getValueByRow(detailRow - 1, "_check_rule"); } catch (e) { };
        };
        if (rule != "")
            var err_message = this.check_my_error(mode, _element_name, _name, _value, rule);
        else
            var err_message = this.check_my_error(mode, _element_name, _name, _value);

        if (err_message != "") {
            this.setErrorMessage(row, _element_name, err_message)
        }

    };
        
    this.check_my_error = function(element_name, name, value)    
      {
        return "";
      }

      this.DataCollectionDetail = function (dt_schema, dt_data, key_list, detail_row) {
          this.flg_error = false;
          this.error_msg = new Array();

          var dt = dt_schema;
          var old_dt = this.dt;
          this.dt = dt_schema;
          var key_element_name;
          var dt_keys = new DataTable();

          dt_keys.setFieldName(key_list.split(","));
          dt_keys.AddNewRow();

          for (var row = 0; row < dt.MaxRow(); row++) {
              var _element_name = dt.getValueByRow(row, "ELE_NAME");
              var _value = get_element_value(_element_name);
              var _name = dt.getValueByRow(row, "NAME");
              var _ele_type = dt.getValueByRow(row, "ELE_TYPE");

              dt.setValueByRow(row, "ELE_VALUE", _value);

              if (dt_keys.SearchFieldName(_name) >= 0) {
                  dt_keys.setValue(_name, _value);
                  key_element_name = _element_name;
              }

              this.set_message(_element_name, "");

              this.check_not_null(row);
              if (_ele_type == "text" || _ele_type == "textarea")
                  this.check_length(row);
              this.check_numeric(row);
              //根據 欄位資料型態 做檢查
              this.check_Numeric_by_type(row);
              this.check_datetime(row);
              this.check_Integer(row);
              this.check_YearMon(row);
              this.check_date(row);
              this.check_time(row);
              this._check_my_error(row);
          }

          // Check duplicate data
          var key_value = "";
          for (var k = 0; k < dt_keys.getFieldCount(); k++) {
              key_value += dt_keys.getValue(dt_keys.getFieldName(k));
          }

          for (var row = 0; row < dt_data.MaxRow(); row++) {
              var key_search_value = ""
              for (var k = 0; k < dt_data.getFieldCount(); k++) {
                  if (dt_keys.SearchFieldName(dt_data.getFieldName(k)) >= 0)
                      key_search_value += dt_data.getRowValue(row, dt_data.getFieldName(k));
              }
              if (key_search_value == key_value && row != detail_row) {
                  var err_row = new Array();
                  var str_msg = "重覆資料!!";

                  this.flg_error = true;

                  err_row.push(0);
                  err_row.push(key_element_name);
                  err_row.push("");
                  err_row.push(str_msg);

                  this.error_msg.push(err_row);
                  this.set_message(key_element_name, str_msg);
              }

          }

          if (flg_error_tab != "") showTab(flg_error_tab);

          this.dt = old_dt;
      }
    
   
    
    this.setDetailMessage = function (row, element_name, message)
    {
         var err_row = new Array();
         var str_msg = message;
                
         this.flg_error = true;
                
         err_row.push(0);
         err_row.push(element_name );
         err_row.push("");
         err_row.push(str_msg);
                
        this.error_msg.push(err_row);
        this.set_message(element_name, str_msg);      
    };
    
    
    this.setErrorMessage = function (row, element_name, message)
    {
         var err_row = new Array();
         var str_msg = message;
                
         this.flg_error = true;
                
         err_row.push(0);
         err_row.push(element_name );
         err_row.push("");
         err_row.push(str_msg);
         if (TABS.length > 0)
              {
                flg_error_tab =  this.dt.getValueByRow(row, "TABS");
              }       
        this.error_msg.push(err_row);
        this.set_message(element_name, str_msg);      
    };


    this.DataCollectionGridDetail = function (dt_schema, dt_data, key_list, detail_row) {
        that.flg_error = false;
        that.error_msg = new Array();

        var dt = dt_schema;
        var old_dt = this.dt;
        that.dt = dt_schema;
        var key_element_name;
        var dt_keys = new DataTable();
        dt_keys.setFieldName(key_list.split(","));
        dt_keys.AddNewRow();
        for (var row = 0; row < dt.MaxRow(); row++) {
            var detail_row_no = detail_row + 1;
            var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detail_row_no.toString();
            var _ele_type = dt.getValueByRow(row, "ELE_TYPE");
            var _value = get_element_value(_element_name);
            if (_value == "err!") continue;

            var _name = dt.getValueByRow(row, "NAME");

            dt.setValueByRow(row, "ELE_VALUE", _value);

            if (dt_keys.SearchFieldName(_name) >= 0) {
                dt_keys.setValue(_name, _value);
                key_element_name = _element_name;
            }

            that.set_message(_element_name, "");


            that.check_not_null(row, true, detail_row_no);
            if (_ele_type == "text" || _ele_type == "textarea")
                this.check_length(row, true, detail_row_no);
            that.check_numeric(row, true, detail_row_no);
            //根據 欄位資料型態 做檢查
            that.check_Numeric_by_type(row, true, detail_row_no);
            that.check_datetime(row, true, detail_row_no);
            that.check_Integer(row, true, detail_row_no);
            that.check_YearMon(row, true, detail_row_no);
            that.check_date(row, true, detail_row_no);
            that.check_time(row, true, detail_row_no);
            that._check_my_error(row, true, detail_row_no, dt_data);

            // that.check_detaildata(detail_row,  _name, _element_name, _value );

        }
        // Check duplicate data
        var key_value = "";
        for (var k = 0; k < dt_keys.getFieldCount(); k++) {
            key_value += dt_keys.getValue(dt_keys.getFieldName(k));
        }

        for (var row = 0; row < dt_data.MaxRow(); row++) {
            var key_search_value = ""
            for (var k = 0; k < dt_data.getFieldCount(); k++) {
                if (dt_keys.SearchFieldName(dt_data.getFieldName(k)) >= 0)
                    key_search_value += dt_data.getRowValue(row, dt_data.getFieldName(k));
            }
            if (key_search_value == key_value && row != detail_row) {
                var err_row = new Array();
                var str_msg = "重覆輸入資料!!";
                that.flg_error = true;

                err_row.push(0);
                err_row.push(key_element_name);
                err_row.push("");
                err_row.push(str_msg);

                that.error_msg.push(err_row);
                that.set_message(key_element_name, str_msg);
            }

        }

        that.dt = old_dt;
    }    
    
    // 回傳是否錯誤
    this.check_detaildata = function (detail_row, _name, _element_name, _value )
    {
    }

    this.check_length = function (row, isDetail, detailRow) {
        if (typeof (isDetail) == "undefined")
            var isDetail = false;

        var dt = this.dt;
        if (isDetail)
            var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
            var _element_name = dt.getValueByRow(row, "ELE_NAME");
        var _value = get_element_value(_element_name);
        var i_name = dt.find("LEN");
        var LEN = 0;
        if (i_name == -1)
            return (false);
        var str_ELE_TYPE = dt.getValueByRow(row, "ELE_TYPE");

        LEN = parseInt( dt.getValueByRow(row, "LEN"), 10);

        if (countLength(_value) > LEN) {
                var err_row = new Array();
                var str_msg = "輸入長度太長, 最大長度:" + LEN;
                this.flg_error = true;

                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                this.error_msg.push(err_row);
                this.set_message(_element_name, str_msg);
        }
    }

    this.check_not_null = function (row, isDetail, detailRow) {
        if (typeof (isDetail) == "undefined")
            var isDetail = false;

        var dt = this.dt;
        if (isDetail)
            var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
            var _element_name = dt.getValueByRow(row, "ELE_NAME");
        var _value = get_element_value(_element_name);
        var i_name = dt.find("NOT_NULL");
        var str_NOT_NULL = "";
        if (i_name == -1)
            return (false);
        var str_ELE_TYPE = dt.getValueByRow(row, "ELE_TYPE");
        if (str_ELE_TYPE == "daterange") {
            var values = ("" + _value).split(",");
        }
        str_NOT_NULL = dt.getValueByRow(row, "NOT_NULL");

        if (str_NOT_NULL == "1") {
            if (_value === "" || (str_ELE_TYPE == "daterange" && (values[0] == "" || values[1] == ""))) {
                var err_row = new Array();
                var str_msg = "必輸欄位!!";
                this.flg_error = true;

                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                this.error_msg.push(err_row);
                this.set_message(_element_name, str_msg);
            }
        }
        /* var spec_char = /[\\']+/;
        if (spec_char.test(_value))
        {
        var err_row = new Array();
        var str_msg = "請勿使用單引號或反斜線!!";
        this.flg_error = true;
                
        err_row.push(row);
        err_row.push(_element_name);
        err_row.push(_value);
        err_row.push(str_msg);
        if (TABS.length > 0)  flg_error_tab = dt.getValueByRow(row, "TABS");
                
        this.error_msg.push(err_row);
        this.set_message(_element_name, str_msg);
            
        }
        */
    }
    
    this.check_numeric = function (row, isDetail, detailRow)
    {
       if (typeof(isDetail) == "undefined")
           var isDetail = false;

        var dt = this.dt;
        if (isDetail)
           var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
           var _element_name = dt.getValueByRow(row, "ELE_NAME");
        var _value = get_element_value(_element_name);
        var i_name = dt.find("NUMERIC");
        var str_NUMERIC = "";
        
        if (i_name == -1)
            return (false);
            
        if (_value == "")
            return (false);
            
        str_NUMERIC = dt.getValueByRow(row, "NUMERIC");
        
        if (str_NUMERIC == "1")
        {
            if (isNumeric(_value) == false)
            {
                var err_row = new Array();
                var str_msg = "Not Numeric!!";
                this.flg_error = true;
                
                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                if (TABS.length > 0)  flg_error_tab = dt.getValueByRow(row, "TABS");

                that.error_msg.push(err_row);
                that.set_message(_element_name, str_msg);
            }
        }
    }
    
    this.check_Numeric_by_type = function (row, isDetail, detailRow)
    {
       if (typeof(isDetail) == "undefined")
           var isDetail = false;

        var dt = this.dt;
        if (isDetail)
           var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
           var _element_name = dt.getValueByRow(row, "ELE_NAME");
        var _value = get_element_value(_element_name);
        var i_name = dt.find("TYPE");
        var str_TYPE = "";
        
        if (i_name == -1)
            return (false);
            
        if (_value == "")
            return (false);
            
        str_TYPE = dt.getValueByRow(row, "TYPE");
        
        if (str_TYPE.toUpperCase() == "Numeric".toUpperCase())
        {
            if (isNumeric(_value) == false)
            {
                var err_row = new Array();
                var str_msg = "非數字格式!!";
                this.flg_error = true;
                if (TABS.length > 0)  flg_error_tab = dt.getValueByRow(row, "TABS");
               
                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);

                that.error_msg.push(err_row);
                that.set_message(_element_name, str_msg);
            }
        }
    }
    
    this.check_YearMon = function (row, isDetail, detailRow)
    {
       if (typeof(isDetail) == "undefined")
           var isDetail = false;

        var dt = this.dt;
        if (isDetail)
           var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
           var _element_name = dt.getValueByRow(row, "ELE_NAME");
        var _value = get_element_value(_element_name);
        var i_name = dt.find("TYPE");
        var str_TYPE = "";
        
        if (i_name == -1)
            return (false);
            
        if (_value == "")
            return (false);
            
        str_TYPE = dt.getValueByRow(row, "TYPE");
        
        if (str_TYPE.toUpperCase() == "YearMon".toUpperCase())
        {
            var str_year = "";
            var str_month = "";
            var flg_check = true;
            
            if (flg_check == true)
                if (_value.length != 6)
                    flg_check = false;
            
            if (flg_check == true)
            {
                str_year = _value.Left(4);
                str_mon = _value.Right(2);

                if (isInteger(str_year) == false || isInteger(str_mon) == false)
                    flg_check = false;
            }
            if (flg_check == true)  
                if (parseInt(str_year, 10) < 1 || parseInt(str_year, 10) > 3000
                    || parseInt(str_mon, 10) < 1 || parseInt(str_mon, 10) > 12)
                    flg_check = false;
            
            if (flg_check == false)
            {
                var err_row = new Array();
                var str_msg = "※必須為年月格式(yyyyMM) 例如：200805 <br>您所輸入的資料，不是合法的年月格式！『" + _value + "』";
                this.flg_error = true;
                
                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                 if (TABS.length > 0)  flg_error_tab = dt.getValueByRow(row, "TABS");

                 that.error_msg.push(err_row);
                 that.set_message(_element_name, str_msg);
                return (false);
            }
        }
    }

    this.check_date = function (row, isDetail, detailRow) {
        if (typeof (isDetail) == "undefined")
            var isDetail = false;

        var dt = this.dt;
        if (isDetail)
            var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
            var _element_name = dt.getValueByRow(row, "ELE_NAME");
        var _value = get_element_value(_element_name);

        var values = ("" + _value).split(",")

        var i_name = dt.find("TYPE");
        var str_TYPE = "";

        if (i_name == -1)
            return (false);


        str_TYPE = dt.getValueByRow(row, "TYPE");

        if (str_TYPE.toUpperCase() == "Date".toUpperCase()) {

            for (var i = 0; i < values.length; i++) {
                if (values[i] == "")
                    return (false);

                var str_year = "";
                var str_month = "";
                var str_day = "";
                var str_date = "";

                if (values[i].length != 8) {
                    var err_row = new Array();
                    var str_msg = "日期格式:YYYY/MM/DD Ex：2013/05/13";
                    this.flg_error = true;

                    err_row.push(row);
                    err_row.push(_element_name);
                    err_row.push(values[i]);
                    err_row.push(str_msg);
                    if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                    that.error_msg.push(err_row);
                    that.set_message(_element_name, str_msg);
                    return (false);
                }

                str_year = values[i].Left(4);
                str_mon = values[i].Left(6).Right(2);
                str_day = values[i].Right(2);
                str_date = str_year + "/" + str_mon + "/" + str_day;
                
                if (isDate(str_date) == false) {
                    var err_row = new Array();
                    var str_msg = "日期不合法！『" + values[i] + "』";
                    this.flg_error = true;

                    err_row.push(row);
                    err_row.push(_element_name);
                    err_row.push(values[i]);
                    err_row.push(str_msg);
                    if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                    that.error_msg.push(err_row);
                    that.set_message(_element_name, str_msg);
                    return (false);
                }

            }
            if (values.length == 2 && values[0] > values[1]) {
                var err_row = new Array();
                var str_msg = "起始日期不可大於結束日期！『" + values[0] + "』";
                this.flg_error = true;

                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(values[0]);
                err_row.push(str_msg);
                if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                that.error_msg.push(err_row);
                that.set_message(_element_name, str_msg);
                return (false);
            }

        }
    }

    this.check_time = function (row, isDetail, detailRow) {
        if (typeof (isDetail) == "undefined")
            var isDetail = false;
        var dt = this.dt;
        var len;
        if (isDetail)
            var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
            var _element_name = dt.getValueByRow(row, "ELE_NAME");
        //     var _value = get_element_value(_element_name);

        var i_name = dt.find("TYPE");
        len = dt.getValueByRow(row, "LEN");

        var str_TYPE = "";
        str_TYPE = dt.getValueByRow(row, "TYPE");
        if (str_TYPE.toUpperCase() != "Time".toUpperCase()) return (true);
        if (i_name == -1)
            return (false);

        var _value;

        if ($j("[name='" + _element_name + "_s']").size() > 0) {
            var ss = $j("[name='" + _element_name + "_s']").val();
            var ss_reg = /[0-9][0-9]/;
            if (parseInt(ss, 10) < 0 || parseInt(ss, 10) >= 60 || (!ss_reg.test(ss))) {
                var err_row = new Array();
                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                that.error_msg.push(err_row);
                that.set_message(_element_name, "秒數不正確!!");
                return (false);
            }
        }


        if (get_element_value(_element_name + "_h") != "" && get_element_value(_element_name + "_m") != "")
            _value = get_element_value(_element_name + "_h") + ":" + get_element_value(_element_name + "_m");
        else {
            if (get_element_value(_element_name + "_h") != "" || get_element_value(_element_name + "_m") != "") {
                var err_row = new Array();
                if (len == "3")
                    var str_msg = "必須為時間格式(HHH:mm) 例如：120:30";
                else
                    var str_msg = "必須為時間格式(HH:mm) 例如：09:33";
                this.flg_error = true;

                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                that.error_msg.push(err_row);
                that.set_message(_element_name, str_msg);
                return (false);
            }
            else
                _value = "";
        }


        if (_value == "")
            return (false);


        if (str_TYPE.toUpperCase() == "Time".toUpperCase()) {
            var str_hour = "";
            var str_min = "";
            var str_time = "";

            if ((len == "3") ? false : _value.length != 5 || _value.indexOf(":") == -1) {
                var err_row = new Array();
                if (len == "3")
                    var str_msg = "必須為時間格式(HHH:mm) 例如：120:30";
                else
                    var str_msg = "必須為時間格式(HH:mm) 例如：09:33";
                that.flg_error = true;

                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                that.error_msg.push(err_row);
                that.set_message(_element_name, str_msg);
                return (false);
            }

            if (len == "3") {
                str_hour = get_element_value(_element_name + "_h");
                str_min = get_element_value(_element_name + "_m");
            }
            else {
                str_hour = _value.Left(2);
                str_min = _value.Right(2);
            }

            if (isInteger(str_hour) == false || isInteger(str_min) == false) {
                var err_row = new Array();
                var str_msg = "您所輸入的時間，不是合法時間格式！『" + _value + "』";
                that.flg_error = true;

                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                that.error_msg.push(err_row);
                that.set_message(_element_name, str_msg);
                return (false);
            }

            if (parseInt(str_hour, 10) < 0 || parseInt(str_hour, 10) > ((len == 3) ? 744 : 23)
                || parseInt(str_min, 10) < 0 || parseInt(str_min, 10) > 59
                ) {
                var err_row = new Array();
                if (len == "3")
                    var str_msg = "您所輸入的時間，不是合法時間格式！『" + _value + "』, 不可超過 744 小時";
                else
                    var str_msg = "您所輸入的時間，不是合法時間格式！『" + _value + "』";
                this.flg_error = true;

                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                that.error_msg.push(err_row);
                that.set_message(_element_name, str_msg);
                return (false);
            }
        }
    }

    this.check_datetime = function (row, isDetail, detailRow) {
        if (typeof (isDetail) == "undefined")
            var isDetail = false;

        var dt = this.dt;
        if (isDetail)
            var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
            var _element_name = dt.getValueByRow(row, "ELE_NAME");
        var _value = get_element_value(_element_name);
        var i_name = dt.find("TYPE");
        var str_TYPE = "";

        if (i_name == -1)
            return (false);

        if (_value == "")
            return (false);

        str_TYPE = dt.getValueByRow(row, "TYPE");

        if (str_TYPE.toUpperCase() == "DateTime".toUpperCase()) {
            var str_year = "";
            var str_month = "";
            var str_day = "";
            var str_time = "";
            var str_date = "";
            str_year = _value.Left(10).Right(4);
            str_mon = _value.Left(5).Right(2);
            str_day = _value.Left(2);
            str_time = _value.Right(9);
            str_date = str_year + "/" + str_mon + "/" + str_day + str_time;
            if (isDate(str_date) == false) {
                var err_row = new Array();
                var str_msg = "必須為日期時間(DateTime)格式";
                that.flg_error = true;

                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                if (TABS.length > 0) flg_error_tab = dt.getValueByRow(row, "TABS");

                that.error_msg.push(err_row);
                that.set_message(_element_name, str_msg);
            }
        }
    }
    
    this.check_Integer = function (row, isDetail, detailRow)
    {
       if (typeof(isDetail) == "undefined")
           var isDetail = false;

       var dt = that.dt;
        if (isDetail)
           var _element_name = dt.getValueByRow(row, "ELE_NAME") + "_" + detailRow.toString();
        else
           var _element_name = dt.getValueByRow(row, "ELE_NAME");
        var _value = get_element_value(_element_name);
        var i_name = dt.find("TYPE");
        var str_TYPE = "";
        
        if (i_name == -1)
            return (false);
            
        if (_value == "")
            return (false);
            
        str_TYPE = dt.getValueByRow(row, "TYPE");
        
        if (str_TYPE.toUpperCase() == "Integer".toUpperCase())
        {
            if (isInteger(_value) == false)
            {
                var err_row = new Array();
                var str_msg = "必須為整數格式";
                this.flg_error = true;
                
                err_row.push(row);
                err_row.push(_element_name);
                err_row.push(_value);
                err_row.push(str_msg);
                 if (TABS.length > 0)  flg_error_tab = dt.getValueByRow(row, "TABS");

                 that.error_msg.push(err_row);
                 that.set_message(_element_name, str_msg);
            }
        }
    }
    
    this.getDataInput = function ()
    {
        var dt = that.dt
        var dt_input = new DataTable();
        var field_name = new Array();
        var field_value = new Array();
        
        for (var row = 0; row < dt.MaxRow(); row++)
        {
            var str_name = dt.getValueByRow(row, "NAME");
            var ele_name = dt.getValueByRow(row, "ELE_NAME");
            var ele_value = get_element_value(ele_name);
            
            field_name.push(str_name);
            field_value.push(ele_value);
        }
        
        dt_input.create(field_name, null, 1);
        for (var col = 0; col < field_name.length; col++)
        {
            dt_input.setValue(field_name[col], field_value[col]);
        }
        
        return (dt_input);
    }
    
    
    // Added by thomas for detail
    this.getDataInputDetail = function (t_dt, dt_schema, detail_row, form_mode)
    {
        var dt =  dt_schema;
        var dt_input = new DataTable();
        var field_name = new Array();
        var field_value = new Array();
        
        // inital Fieldvalue
        if (detail_row == -1)
          {
            for (var i = 0; i <=  t_dt.getFieldCount() - 1; i++)
              {
                field_value.push("");
              } 
            
            t_dt.AddRow(field_value);
           }          
        for (var row = 0; row < dt.MaxRow(); row++)
        {
            var str_name = dt.getValueByRow(row, "NAME");
            var ele_name = dt.getValueByRow(row, "ELE_NAME");
            if (form_mode == 1 && detail_row == -1) // Detail Edit Mode
                 ele_value = "";
            else
                 ele_value = get_element_value(ele_name); 
                 
//            var ele_value = (detail_row == -1) ? "" : get_element_value(ele_name);  
            // var ele_value = get_element_value(ele_name);         
            if (t_dt.SearchFieldName(str_name) > 0)
              {
                if (detail_row == -1){
                    var ele_type = dt.getValueByRow(row, "TYPE");
                    if (ele_type.toUpperCase() == "TIME"){
                        var _h = Format(parseInt(ele_value)/60,"00").split(".");
                        var _m = Format(parseInt(ele_value)%60,"00");
                        t_dt.setValue(str_name, ele_value);   
                        t_dt.setValue("m"+str_name, _h[0] + ':' + _m);
                    }else{
                        if (str_name == "flg2"){
                            if(ele_value=="1")
                                t_dt.setValue("m"+str_name,"下班後加班");
                            else if(ele_value=="2")
                                t_dt.setValue("m"+str_name,"假日加班");
                            else if(ele_value=="3")
                                t_dt.setValue("m"+str_name,"上班前加班");
                            else if(ele_value=="4")
                                t_dt.setValue("m"+str_name, "休息時段加班");
                        }
                        if (str_name == "absno"){
                            var str_url = str_page_name + "?AJAX=1&do_action=ajax_get_absnm"
                            var dt_tmp = new DataTable();
                            var str_element_list = "XML";
                            var str_xml = "";
                            set_element_value("XML", ele_value);
                            
                            dt_tmp.connect(str_url, str_element_list); 
                            
                            t_dt.setValue("m"+str_name, dt_tmp.getValue("message"));
                        }
                        t_dt.setValue(str_name, ele_value);   
                    }
              }else{
                    var ele_type = dt.getValueByRow(row, "TYPE");
                    if (ele_type.toUpperCase() == "TIME"){
                        var _h = Format(parseInt(ele_value)/60,"00").split(".");
                        var _m = Format(parseInt(ele_value)%60,"00"); 
                        t_dt.setValueByRow(detail_row,"m"+str_name, _h[0]+ ':' + _m);
                    }else{
                        if (str_name == "flg2"){
                            if(ele_value=="1")
                                t_dt.setValueByRow(detail_row,"m"+str_name,"下班後加班");
                            else if(ele_value=="2")
                                t_dt.setValueByRow(detail_row,"m"+str_name,"假日加班");
                            else if(ele_value=="3")
                                t_dt.setValueByRow(detail_row,"m"+str_name,"上班前加班");
                            else if(ele_value=="4")
                                t_dt.setValueByRow(detail_row,"m"+str_name, "休息時段加班");
                        }
                        if (str_name == "absno"){
                            var str_url = str_page_name + "?AJAX=1&do_action=ajax_get_absnm"
                            var dt_tmp = new DataTable();
                            var str_element_list = "XML";
                            var str_xml = "";
                            set_element_value("XML", ele_value);                            
                            dt_tmp.connect(str_url, str_element_list); 
                            
                            t_dt.setValueByRow(detail_row,"m"+str_name, dt_tmp.getValue("message"));
                        }
                  }      
                  t_dt.setValueByRow(detail_row, str_name, ele_value);          }
              }
        }
        return (t_dt);
    }
    
    
    this.fillDetailKey = function (master_detail_key_list, dt_master, dt_detail)
    {
       var keys = master_detail_key_list.split(",")
       for (var row = 0; row < dt_detail.MaxRow(); row++)
         {
            for (var col = 0; col < keys.length; col++)
               {
                  dt_detail.setValueByRow(row, keys[col], dt_master.getValue(keys[col]));
               }
         }
    }
    
    this.getDataDifferent = function ()
    {
        var dt = that.dt
        var dt_diff = new DataTable();
        var field_name = new Array();
        var field_value = new Array();
        
        for (var row = 0; row < dt.MaxRow(); row++)
        {
            var str_key = dt.getValueByRow(row, "KEY");
            var str_name = dt.getValueByRow(row, "NAME");
            var str_value = dt.getValueByRow(row, "ELE_VALUE");
            var ele_name = dt.getValueByRow(row, "ELE_NAME");
            var ele_value = get_element_value(ele_name);
            
            if (str_value != ele_value || str_key == "1")
            {
                field_name.push(str_name);
                field_value.push(ele_value);
            }
        }
        
        dt_diff.create(field_name, null, 1);
        for (var col = 0; col < field_name.length; col++)
        {
            dt_diff.setValue(field_name[col], field_value[col]);
        }
        
        return (dt_diff);
    }
    
    this.getKeyValue = function ()
    {
        var dt = this.dt
        var dt_key = new DataTable();
        var field_name = new Array();
        var field_value = new Array();
        
        for (var row = 0; row < dt.MaxRow(); row++)
        {
            var str_name = dt.getValueByRow(row, "NAME");
            var str_key = dt.getValueByRow(row, "KEY");
            var ele_name = dt.getValueByRow(row, "ELE_NAME");
            var ele_value = get_element_value(ele_name);
            
            if (str_key == "1")
            {
                field_name.push(str_name);
                field_value.push(ele_value);
            }
        }
        
        dt_key.create(field_name, null, 1);
        for (var col = 0; col < field_name.length; col++)
        {
            dt_key.setValue(field_name[col], field_value[col]);
        }
        
        return (dt_key);
    }
    
    this.load_DATA_ListItem = function(data)
    {
        var dt = new DataTable();
        dt.setFieldName("Value,Label".split(","));
        dt.setFieldType("String,String".split(","));
        var row_values = new Array();
        var rows = data.split("^");
        for (var i = 0 ; i < rows.length; i++) {
             var cols = rows[i].split("|");
             row_values.push(cols);
        }
       dt.setFieldValue(row_values);

        return (dt);
    }    
    
    
    // cache : true | false : 是否cache dt
    this.load_SYS_ListItem = function(ListItem_SN, str_page_name, req_name, str_ele_list, str_option, cache) {
        var isServerCache = "0";
        var isLocalCache = "0";

        if (typeof (server_list_cache) != "undefined" && server_list_cache != "0") isServerCache = "1";
        if (typeof (local_list_cache) != "undefined" && local_list_cache != "0") isLocalCache = "1";

        var str_url = str_page_name + "?AJAX=1&do_action=ajax_get_SYS_ListItem&ListItem_SN=%ListItem_SN%&req_name=%req_name%&CACHE=" + ((isServerCache == "1") ? "1" : 0)
        var str_result = "";
        var dt = new DataTable();
        if (typeof (cache) == "undefined")
            var cache = is_list_cached;
        else
            cache = is_list_cached;

        str_url = str_url.ReplaceAll("%ListItem_SN%", ListItem_SN);
        str_url = str_url.ReplaceAll("%req_name%", req_name);
        str_url += str_option;
        //alert(str_url + "\n" + str_ele_list);
        //if ( ListItem_SN == "LI-H1-0026") debugger;       
        if (cache || isServerCache == "1") {
            if (str_ele_list != "")
                var t = str_ele_list.split(",");
            else
                var t = [];
            var key = str_option.split("=")[1];
            for (var i = 0; i < t.length; i++) key += get_element_value(t[i]).toString();
            if (list_cache[key] != null) return (list_cache[key]);
        }

        if (isServerCache == "1") str_url += "&KEY=" + key;
        if (isLocalCache == "1") {
            // str_result = dt.connect(str_url, str_ele_list, true);
            str_result = dt.connect(str_url, str_ele_list); // no implement because str_ele_list problem.
        }
        else
            str_result = dt.connect(str_url, str_ele_list);

        if (cache) list_cache[key] = clone(dt);
        return (dt);
    }
}