не показывает введенный текст должным образом - PullRequest
Новая
       29

не показывает введенный текст должным образом

1 голос
/ 25 июня 2019

Я использую тег p: inputTextArea для автозаполнения кода, так как я пытаюсь создать собственный редактор кода. Когда я печатаю и пишу, выпадающий список показывает соответствующие предложения. Это отлично работает. Но проблема в том, что если я наберу 'se', это может показать дом в выпадающем списке. Но когда я выберу его, вывод будет «seuse». Первые две буквы слова заменяются словами, набранными пользователем. что я могу сделать в этом случае? Ниже мой XHTML-файл. 

<h:form id="formId">
            <p:autoComplete  class="ui-auto" id="text1" value = "#{username.d}" 
                             completeMethod="#{dbConnect.completeArea}" queryDelay="1" minQueryLength="1">
                <f:converter converterId = "www" />
            </p:autoComplete>
            <br></br> 
            <h:commandButton  type="button" value = "submit" action = "t1" onclick="myFunction()"/>

            <br></br> <p:outputLabel for="text1" id="demo"></p:outputLabel> 

        </h:form>
<script type="text/javascript">

        const keywords = {
            IF: {style: "code-elem", indent: 4},
            ENDIF: {style: "code-elem", indent: -4},
            IFLISTING: {style: "code-str", indent: 4},
            ENDIFLISTING: {style: "code-str", indent: -4},
            VAR: {style: "code-comment", indent: 0},
            LISTING: {style: "code-comment", indent: 0}
        };

        function myFunction() {
            let indent = 0;
            document.getElementById('formId:demo').innerHTML = document.getElementById('formId:text1_input').value.split(/[\r\n]+/).map(line => {
                const oldIndent = indent;
                line = line.trim().replace(/###([A-Z]+)(.*?)###/g, (m, keyword, arg) => {
                    const param = keywords[keyword];
                    if (!param)
                        return m;
                    indent += param.indent;
                    return '<span class="' + param.style + '">' + m + '</span>';
                });
                return "&nbsp;".repeat(Math.min(indent, oldIndent)) + line;
            }).join("<br/>");
        }
        window.onload = myFunction;

    </script>

И, если это имеет какое-либо значение, ниже приведен мой java-файл. 

public List<String> completeArea(String inputName) {
        List<String> result = new ArrayList<>();
        try {
            Class.forName("com.mysql.jdbc.Driver");
            String query1 = "select name from labels where name like ? order by name";
            try (Connection con = DriverManager.getConnection("jdbc:mysql://localhost/company", "root", "");
                    PreparedStatement pst = con.prepareStatement(query1)) {
                pst.setString(1,"%" + inputName + "%");
                try (ResultSet rs = pst.executeQuery()) {

                    while (rs.next()) {
                        result.add(rs.getString(1));
                    }
                }
            }
        } catch (Exception ex) {
            System.out.println("error occured" + ex);
        }

        return result;
    }

Я отредактировал свой вопрос так, как @selaron сказал, что p: autoComplete не решит мою проблему.

...