18.01.31

原創 yw2567 2020-02-23 02:39

關於頁面一些調整

<%@page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%--
   [畫面名稱] <br>
    納品先保守<br><br>
   [機能概要] <br>
   納品先保守<br><br>
   [変更履歴] <br>
  2018/1/15 ver1.00 新規作成 <br>
  @author NLS
  @version 1.00
--%>
<html>
<%@include file="../include/taglib.jsp"%>
<%@include file="../include/include.jsp"%>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script type="text/javascript">

$(document).ready(function() {
    <s:if test="hasActionMessages()">
        <s:iterator id="actionMessage" value="actionMessages">
            if('<s:property value="#request.params.errorFlag"/>' == 'Y'){
                cancel();
            }else{
                $.messager.alert("","<s:property escape="false"/>");
            }
        </s:iterator>
    </s:if>

    $(".datebox").find(".combo-text").css("ime-mode","disabled");

    window.οnresize=function resizeData(){
        var tabWidth = $(this).width() - 1;
        $('#dataTbl').datagrid('resize', { width : tabWidth});
        return;
    };

    $(document).keydown(function(e) {
        if (e.keyCode == 13) {
            search();
            return;
        }
    });

    var image_Sort = "1";

    var tabHeight = $(this).height() - 290;
    var page = '<s:property value="#request.page" />';
    var rows = '<s:property value="#request.rows" />';

    var mode_Type = "1";
    var mode_Type2 = "2";
    var mode_Type3 = "3";

    setTimeout(function(){
        searchData(0);
    }, 0);

    return;
});

/**
 * 検索1
 */
function search() {

    var tabHeight = $(this).height() - 290;
    var res = $("#searchForm").form("validate");
    if(!res) {
        return false;
    }

    setTimeout(function(){
        searchData(1);
    },0);

}

/**
* flag: (0:初期化、畫面遷移 1:検索)
*/
function getSearchCondition(flag) {

    var param = new Object();
    var nns_Cd = (flag == 0) ? '${nns_Cd_S}' : encodeURI($("#nns_Cd").combobox("getValue"));
    param.nns_Cd_S = nns_Cd;
    param.tokui_Cd_S = encodeURI($.trim($("#tokui_Cd").val()));
    param.niuke_Hnm_S = encodeURI($.trim($("#niuke_Hnm").val()));

    param.search_Flag = flag;

    var page = '<s:property value="#request.page" />';
    var rows = '<s:property value="#request.rows" />';
    var defaultRows = '<s:property value="#request.dftRows" />';

    // 検索
    if (flag == 1) {
        page = "1";
        rows = defaultRows;
    }

    page = (page && page !== "") ? parseFloat(page) : page;
    rows = (rows && rows !== "") ? parseFloat(rows) : rows;

    param.page = page;
    param.rows = rows;

    return param;
}

/**
 * 検索
 flag: (0:初期化、畫面遷移 1:検索)
 */
function searchData(flag) {

    var param = getSearchCondition(flag);

    $('#dataTbl').find("select.pagination-page-list").val(param.rows);

    $("#dataTbl").datagrid({
        title : '',
        url : "MST0020DataListInitAction!dataListInit",
        queryParams:param,
        type:'post',
        dataType:'json',
        pageNumber : param.page,
        pageSize : param.rows,
        frozenColumns:[[
            {field:'ck',title:'<div align="center"></div>',width:45,
                formatter:function(value, rec, rowIndex){
                    return "<input type='checkbox' name='chkItem' ></a>";

                },align:'center'},
            {field:'ud',title:'<div align="center"><s:text name="CONST_CMM0010_EDIT" /></div>',width:45,
                formatter:function(value, rec, rowIndex){
                    return "<a href='#' class='l-btn l-btn-plain' plain='true' title='<s:text name='CONST_CMM0010_EDIT'/>' onclick = \"editData('"+rec.niuke_Cd+"')\"><div class='icon-update'>&nbsp;&nbsp;&nbsp;&nbsp;</div></a>";

                },align:'center'},
            {field:'sw',title:'<div align="center"><s:text name="BTN_SYOUKAI_SPACE" /></div>',width:45,
                formatter:function(value, rec, rowIndex){
                    return "<a href='#' class='l-btn l-btn-plain' plain='true' title='<s:text name='BTN_SYOUKAI_SPACE'/>' onclick = \"showData('"+rec.niuke_Cd+"')\"><div class='icon-detail'>&nbsp;&nbsp;&nbsp;&nbsp;</div></a>";
            },align:'center'}
        ]],

        columns:[[
            {field:'nns_Nm',title:'<div align="center"><s:text name="CONST_MST0020_NNS_NM" /></div>',width:230,align:'left'},
            {field:'tokui_Kanri_Cd',title:'<div align="center"><s:text name="CONST_MST0020_TOKUI_KANRI_CD" /></div>',width:120,align:'center'},
            {field:'niuke_Cd',title:'<div align="center"><s:text name="CONST_MST0020_NIUKE_CD" /></div>',width:130,align:'left'},
            {field:'tokui_Cd',title:'<div align="center"><s:text name="CONST_MST0020_TOKUI_CD" /></div>',width:100,align:'left'},
            {field:'niuke_Hnm',title:'<div align="center"><s:text name="CONST_MST0020_NIUKE_HNM" /></div>',width:240,align:'left'},
            {field:'niuke_Short_Nm',title:'<div align="center"><s:text name="CONST_MST0020_NIUKE_SHORT_NM" /></div>',width:280,align:'left'},
            {field:'zip_Cd',title:'<div align="center"><s:text name="CONST_MST0020_ZIP_CD" /></div>',width:80,align:'left'},
            {field:'adrs',title:'<div align="center"><s:text name="CONST_MST0020_ADRS" /></div>',width:500,align:'left'},
            {field:'adrs_Cd',title:'<div align="center"><s:text name="CONST_MST0020_ADRS_CD" /></div>',width:70,align:'left'},
            {field:'tel',title:'<div align="center"><s:text name="CONST_MST0020_TEL" /></div>',width:120,align:'left'},
            {field:'rte',title:'<div align="center"><s:text name="CONST_MST0020_RTE" /></div>',width:170,align:'left'}
        ]]
    });
    return;
}

/**
 * 変更モードで次畫面へ遷移-編集
 */
function editData(niuke_Cd) {

    var oForm = document.getElementById("selectList");
    $("#mode_Type").val("2");
    $("#niuke_Cd").val(niuke_Cd);

    var nns_Cd_S = $('#nns_Cd').combobox('getValue');
    var tokui_Cd_S = $('#tokui_Cd').val();
    var niuke_Hnm_S = $('#niuke_Hnm').val();
    var page = $("#dataTbl").datagrid("options").pageNumber;
    var rows =  $("#dataTbl").datagrid("options").pageSize;

    $("#nns_Cd_S").val(nns_Cd_S);
    $("#tokui_Cd_S").val(tokui_Cd_S);
    $("#niuke_Hnm_S").val(niuke_Hnm_S);
    $("#page").val(page);
    $("#rows").val(rows);

    $(oForm).submit();
}

/**
 * 照會
 */
function showData(niuke_Cd) {

    var oForm = document.getElementById("selectList");
    $("#mode_Type").val("3");
    $("#niuke_Cd").val(niuke_Cd);

    var nns_CdH = $('#nns_Cd').combobox('getValue');
    var tokui_CdH = $('#tokui_Cd').val();
    var niuke_HnmH = $('#niuke_Hnm').val();
    var page = $("#dataTbl").datagrid("options").pageNumber;
    var rows =  $("#dataTbl").datagrid("options").pageSize;

    $("#nns_Cd_S").val(nns_CdH);
    $("#tokui_Cd_S").val(tokui_CdH);
    $("#niuke_Hnm_S").val(niuke_HnmH);
    $("#page").val(page);
    $("#rows").val(rows);

    $(oForm).submit();
}

/**
 * 新規モードで次畫面へ遷移荷受人ｺｰﾄ
 */
function insertData() {
    location.href='MST0020SelectUpdateAction!jumpToSelectUpdateJsp?mode_Type=1';
}

/**
 * 削除--new
 */
function delData() {
    var paramNames = {message: {}, params: ['niuke_Cd']};
    // 削除
    paramNames.message.msgConfirm = '<s:text name="CM_CW_000"><s:param><s:text name="CM_MST0020_002"/></s:param></s:text>';
    // 選ばない
    paramNames.message.noSelect = '<s:text name="CM_CW_001"><s:param><s:text name="CM_MST0020_003"/></s:param></s:text>';
    // は複數の入力ができません。
    paramNames.message.muiSelect = '<s:text name="CM_CW_042"><s:param><s:text name="CM_MST0020_001"/></s:param></s:text>';
    // 削除に失敗しました。
    paramNames.message.delErr = '<s:text name="CM_AM_005" />';
    // 呼び出しjs
    deleteProcess('dataTbl', 'chkItem', 'MST0020DeleteAction!DeleteInit', paramNames, search);
}

/**
 * コピー
 */
function copyToKrt2 () {
    var paramNames = {message: {}, params: ['niuke_Cd']};
    // コピー
    paramNames.message.msgConfirm = '<s:text name="CM_MST0020_006"></s:text>';
    // 選ばない
    paramNames.message.noSelect = '<s:text name="CM_CW_001"><s:param><s:text name="CM_MST0020_003"/></s:param></s:text>';
    // に失敗しました。
    paramNames.message.delErr = '<s:text name="CM_MST0020_005" />';
    // 呼び出しjs
    copyProcess('dataTbl', 'chkItem', 'MST0020CopyAction!copy', paramNames, searchAlert);
}

function searchAlert() {
    $.messager.alert('', '<s:text name="CM_CW_029"><s:param><s:text name="CM_MST0020_004"/></s:param></s:text>','info');
}
</script>
<title><s:text name="CONST_MST0020_LIST" /></title>
</head>
<body>
    <div>
        <s:form id="searchForm">
        <table class="table_border_line_s" >
            <tr>
                <td style="text-align:left;">
                    <input type="button" value="<s:text name="BTN_INSERT"/>" οnclick="insertData()" class=btn_mouseout οnmοuseοver="this.className='btn_mouseover'" οnmοuseοut="this.className='btn_mouseout'"/>
                    &nbsp;&nbsp;
                </td>
                <td align="right" colspan="3">&nbsp;&nbsp;&nbsp;&nbsp;<span
                    class="text12_orange">■</span>
                    <s:text name="MSG_CM_001" />
                </td>
            </tr>
            <tr>
                <!-- 荷主 -->
                <td class="list_title_bg_left_s_b"><span class="text12_orange">□</span>
                    <s:text name="CONST_MST0020_NNS_NM" />
                </td>
                <td class="list_data_bg_left_s_b_nr" style="border-right: 0px" colspan="3">
                    <input class="easyui-combobox" name="nns_Cd" id="nns_Cd"
                        style="width:310px"
                            data-options="
                            url:'CommonAction!getNNSList?nns_Cd=${nns_Cd_S}&empty=true&abbr=true',
                            method:'get',
                            valueField:'id',
                            textField:'text',
                            panelHeight:'150'
                    " />
                </td>
            </tr>
            <tr>
                <!-- 得意先ｺｰﾄﾞ -->
                <td class="list_title_bg_left_s_b"><span class="text12_orange">□</span>
                    <s:text name="CONST_MST0020_TOKUI_CD" />
                </td>
                <td class="list_data_bg_left_s_b_nr">
                    <input type="text" class="easyui-validatebox" size="45" id="tokui_Cd" name="tokui_Cd" value='${tokui_Cd_S}'/>
                </td>
                <!-- 荷受人名 -->
                <td class="list_title_bg_left_s_b"><span class="text12_orange">□</span>
                    <s:text name="CONST_MST0020_NIUKE_HNM" />
                </td>
                <td class="list_data_bg_left_s_b_nr">
                    <input type="text" class="easyui-validatebox" size="45" id="niuke_Hnm" name="niuke_Hnm" value='${niuke_Hnm_S}'/>
                </td>
            </tr>
        </table>
        </s:form>

        <!-- 検索 -->
        <table style="width: 100%">
            <tr>
                <td style="width:100%; text-align:right;">
                <input type="button" value="<s:text name="BTN_SEARCH"/>" οnclick="search();" class=btn_mouseout οnmοuseοver="this.className='btn_mouseover'" οnmοuseοut="this.className='btn_mouseout'"/>
                &nbsp;&nbsp;</td>
            </tr>
        </table>

        <!-- 一覧 -->
        <table id="dataTbl" striped="true" rownumbers="true" pagination="true" ></table>

        <!-- 添削を條件に変更する -->
        <s:form id="selectList" name="selectList" action ="MST0020SelectUpdateAction!selectUpdate"  method="POST" namespace="" >
            <input type="hidden" name="menuId" value="${menuId}" />
            <s:hidden id="niuke_Cd" name="niuke_Cd" />
            <s:hidden id="tanto_Cd" name="tanto_Cd" />
            <s:hidden id="mode_Type" name="mode_Type" />

            <!-- 編集検索條件保持 -->
            <input type="hidden" ID="nns_Cd_S" name="nns_Cd_S" />
            <input type="hidden" ID="tokui_Cd_S" name="tokui_Cd_S" />
            <input type="hidden" ID="niuke_Hnm_S" name="niuke_Hnm_S" />
            <input type="hidden" ID="rows" name="rows" />
            <input type="hidden" ID="page" name="page" />
        </s:form>

        <!-- インターフェースを待つ-->
        <div id="mask" class="easyui-dialog" modal="true" closed="true" closable="false" draggable="false" maximizable="false"
            collapsible="false" resizable="false" title="<s:text name="MSG_CM_PLEASE_WAIT"/>" style="width: 300px; height: 100px;">
        <p id="msgContent" class="panel-loading"><s:text name="MSG_CM_002" /></p>
    </div>

    <table style="width: 100%">
        <tr>
            <td style="width:100%; text-align:right;">
            <input type="button" value="<s:text name="CM_MST0020_004"/>" οnclick="copyToKrt2();" class=btn_mouseout οnmοuseοver="this.className='btn_mouseover'" οnmοuseοut="this.className='btn_mouseout'"/>
            </td>
            <td>&nbsp;&nbsp;</td>
            <td style="width:100%; text-align:right;">
            <input type="button" value="<s:text name="CONST_CMM0990_DELETE_FG"/>" οnclick="delData();" class=btn_mouseout οnmοuseοver="this.className='btn_mouseover'" οnmοuseοut="this.className='btn_mouseout'"/>
            </td>
        </tr>
    </table>
</body>
</html>
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

前端js 生成二維碼

引入js <script type="text/javascript" src="${path }/qrious.min.js"></script> <boby>     <img  id="qrious" > </boby> <scri

sunny-king 2020-06-23 08:07:21

日常小BUG小記

400 請求出錯 由於語法格式有誤，服務器無法理解此請求。不作修改，客戶程序就無法重複此請求。 個人認爲錯誤原因：頁面有不應該存在的屬性，去掉或修改了就行了。或者是輸入的時候傳入了不正確的參數類型，也會導致； mapper反導後，xxxm

加瓦宫程式 2020-06-17 14:51:56

Spring4.x企業應用開發實戰 - CH2（5）-jsp視圖頁面

一角残叶 2020-05-21 09:18:07

JS加分隔符

RayDoyle 2020-02-24 21:26:04

java 複選框的取值與驗證（checkbox）

RayDoyle 2020-02-24 21:26:04

【轉】 只能輸入數字, 正則限制input框只能輸入數字,英文等

RayDoyle 2020-02-24 21:26:03

初步瞭解escape、encodeURI、encodeURIComponent

whylen 2020-02-21 15:37:15

前端js 生成二維碼

引入js <script type="text/javascript" src="${path }/qrious.min.js"></script> <boby>     <img  id="qrious" > </boby> <scri

sunny-king 2020-06-23 08:07:21

日常小BUG小記

400 請求出錯 由於語法格式有誤，服務器無法理解此請求。不作修改，客戶程序就無法重複此請求。 個人認爲錯誤原因：頁面有不應該存在的屬性，去掉或修改了就行了。或者是輸入的時候傳入了不正確的參數類型，也會導致； mapper反導後，xxxm

加瓦宫程式 2020-06-17 14:51:56

Java Web中JSP實現數據傳遞和保存重點總結

妖精小狗 2020-06-02 14:53:42

Spring4.x企業應用開發實戰 - CH2（5）-jsp視圖頁面

一角残叶 2020-05-21 09:18:07

JS加分隔符

RayDoyle 2020-02-24 21:26:04

java 複選框的取值與驗證（checkbox）

RayDoyle 2020-02-24 21:26:04

【轉】 只能輸入數字, 正則限制input框只能輸入數字,英文等

RayDoyle 2020-02-24 21:26:03

jsp頁面動態生成頁面源代碼

githuban 2020-02-22 19:52:07