2016-07-31 46 views
6

Mümkün ve bir web tarayıcısında koparma widget'larını destekleyen herhangi bir çerçeve var mı? Visual Studio'da, pencerelerden herhangi birini alabilir ve ayrı bir kayan pencere oluşturmak için ana pencereden dışarı çıkarabilirsiniz. Web çerçevesindeki widget'ları koparmak mı istiyorsunuz?

Biz web'e parçalarını taşıma ediyoruz Yerel bir uygulama var. Şu anda pencerelerden bazılarını alma ve ayrı bir pencere oluşturmak için ana pencereden dışarı sürükleme kabiliyetimiz var. Uygulamanın web tabanlı sürümünde buna benzer bir şeyi desteklemek istiyoruz.

Şu anda UI için javascript çerçeve herhangi bir bağlı değiliz, bu nedenle bu işlevlerle ilgili Web UI çerçeveler mevcut durumu içine herhangi bir fikir mutluluk duyacağız.

+0

onay bu https://github.com/STRML/react-grid-layout (bu çerçeve tepki için) bir ızgara düzeni olup – Lojka

+0

. Araç pencerelerini yırtmak için arıyoruz. – bpeikes

+0

Tarayıcıda koşuyor musunuz? Hiç duyduğum hiçbir şey yok. Komik olan şey yapabildiğin. Mekaniği anlamak için biraz dirsekten yağ alır. İlk önce "widget'larınız" yeni bir tarayıcı penceresinde tek başına durabilmek için tasarlanmalıdır. – gforce301

cevap

0

Web'de mümkündür.

bunun kötü bir fikir olduğunu düşünüyorum. o kullanıcı beklentilerini kıracak böylece

o nadir uygulama bu işi düzgün yapmak için zaman alabilir

geçen, bir

Pop up, yeni pencereler yumurtlamaya mekanizması potansiyel engellenecektir nedeni şöyledir:

alternatif ne demek minimize ve hareket ettirilebilir, sayfa düzeni içerisinde div'leri kullanılması dışında benzer bir şey yapmaktır ama sadece

0

Kabul ediyorum sayfası içinde, bir web sayfası içinde sanal pencereleri olacaktır w ith @Walle. "Sanal pencereler" yaklaşımı, popup'lardan daha iyidir. Sencha'ya ve Ext JS platformuna bir göz atabilirdim: Sencha Ext JS

Kendimi tescilli olarak hiç kullanmadım, ancak demolar çok umut verici görünüyor. Gerçekten elde etmek istediğinize bağlıdır Web Desktop

+0

Çalışmak için eğlenceli bir teknolojidir, ancak yaklaşımlarını yeniden düşünmek için bir geliştirici gerektirir (diğer birçok çerçevede olduğu gibi). Çok deklaratif bir yaklaşıma sahipler ve belgeleri en iyisi değil, ancak onunla bir yıl ya da 2 yıl önce çalıştım ve bir kez asıldığın zaman çok güzel bir çerçeve. Bunun için ödeme yapmaya istekli iseniz, başka bir şey, diğer ücretsiz çerçeveler benzer teknolojiler sağlar. – Icepickle

1

, ama burada jQuery ile künt örnektir:: İşte bir gösteren "sanal pencereleri" var

function popup(id) { 
 
    $('#' + id + '-pop').prop('disabled', true); 
 

 
    var popup = window.open('', 'popup', 'resizable=yes'); 
 
    var content = $('#' + id).detach(); 
 
    $(popup.document.body).append(content); 
 

 
    popup.onbeforeunload = function() { 
 
    $('#' + id + '-pop').prop('disabled', false); 
 
    content.appendTo($('#' + id + '-parent')); 
 
    }; 
 
}
.tearable-parent { 
 
    border: 1px #000 solid; 
 
    display: inline-block; 
 
    padding: 5px; 
 
    margin: 5px; 
 
} 
 

 
button { 
 
    display: block; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<body> 
 
    <div id="t1-parent" class="tearable-parent"> 
 
    <div id="t1"> 
 
     <span>This is tearable.</span> 
 
    </div> 
 
    </div> 
 
    <button id="t1-pop" onclick="popup('t1')">Pop me up</button> 
 
</body>

Sen koşamam Burada, pop-up'a izin verilmediğinden, ancak burada deneyebileceğiniz bir fiddle link. Pop-up'ı kapattığınızda içeriği geri taşır. Dinamik içeriği etrafta taşımayı planlıyorsanız, kendi ekstra kablolarınıza ihtiyaç duyabileceğinizi unutmayın.

0

Eğer (Ben son birkaç yıl için yapmak) bir web uygulaması için bir windows uygulaması ExtJS karşılaştırılabilir piyasadaki hiçbir şey bir kuruluş uygulaması, özellikle, orada taşıma yapıyorsanız.