sciter 打开文件获取路径操作_sciter selectfile-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_42095701/article/details/103615924

本文介绍了一种自定义的HTML路径输入控件，通过使用内联块级显示和特定的CSS样式，创建了一个带有下拉按钮的路径输入框。该控件能够显示文件路径，并在点击按钮时触发文件选择对话框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

           input[type=path]
           {
              display:inline-block;
              prototype: PathInput;
              font:system;
              flow:horizontal;
              border:1dip solid threedshadow;
              background: window;
              height:1.8em;
           }

           input[type=path] > caption
           {
              display:block;
              flow:text;
              behavior:edit;
              white-space:pre;
              overflow-x:hidden;
              text-overflow:path-ellipsis;
              line-height:1.8em;
              width:*;
              padding:0 4dip;
           }

           input[type=path] > button {
              display:block;
              style-set:none;
              behavior:clickable;
              width:1em;
              height:*;
              background: url(stock:arrow-down) no-repeat 50% 50%;
           }

//widget:owns-focus { }

           input#test {
             width:20em;
           }

</style>
<script type="text/tiscript">

           class PathInput : Element
           {
              function attached() { this.update(this.attributes["value"]); }

              function update(path) {
                this.$content(<caption>{path}</caption><button/>);
              }

              event focusout {
                // reset content to show ellipsis
                this.update(this.value);
              }

              property value(v) {
                get return this.$(caption).text;
                set this.update(v);
              }

              event click $(button)
              {
                var fn = view.selectFile(#open, "HTML Files (*.htm,*.html)|*.HTM;*.HTML|All Files (*.*)|*.*" , "html" );
                if( fn ) this.update(fn);
              }
           }

        </script>
    </head>
    <body>
        <input|path #test value="" >

</body>
</html>